如何在 jQuery 中定义一个适用于多个 click() 函数的变量

Question

我在jQuery中定义了一个数组，我想从中随机选择一个项目并将其显示在网站上，但也提供了推文这个确切项目的选项。看看我在<script> ... </script>元素中定义的代码。

$(document).ready(function() {
$("#click").click(function() {
var quotPick = quotes[Math.floor(Math.random()*quotes.length)];
$("#text").text(quotPick);
});
$("#tweet").click(function() {
var quotPick = quotes[Math.floor(Math.random()*quotes.length)];
window.open('https://twitter.com/intent/tweet?hashtags= cali, hank&text=' + quotPick);
}); 
});

如果我像这样编写代码，quotPick变量将始终与显示的花呢不同。如果我在$(#click)...之外甚至在$(document).ready ...之前定义它，我将只能单击该按钮一次以生成项目选择。

我必须在何处或如何定义quotPick才能使我的代码正常工作？我在哪里做出了错误的假设？提前感谢，伙计们！

附言我也尝试了按钮的onclick()功能，但也没有找到令人满意的解决方案。

Answer 1

可以尝试类似的东西：

$(document).ready(function() {
var quotPick;
$("#click").click(function() {
quotPick = quotes[Math.floor(Math.random()*quotes.length)];
$("#text").text(quotPick);
});
$("#tweet").click(function() {
window.open('https://twitter.com/intent/tweet?hashtags= cali, hank&text=' + quotPick);
}); 
});

Answer 2

你可以试试这个。

<script>
var quotPick;  //Define it in the beginning of script. This will help you in using the same variable globally  
<!--Other Code here can also use the same value-->
$(document).ready(function() {
$("#click").click(function() {
quotPick = quotes[Math.floor(Math.random()*quotes.length)];
$("#text").text(quotPick);
});
$("#tweet").click(function() {            
window.open('https://twitter.com/intent/tweet?hashtags= cali, hank&text=' + quotPick);
}); 
});
</script>

这应该适合您

Answer 3

let quotes = ["ds","sd"]
let quotPick;
$(document).ready(function() {
$("#click").click(function() {
quotPick = quotes[Math.floor(Math.random()*quotes.length)];
$("#text").text(quotPick);
});
$("#tweet").click(function() {
window.open('https://twitter.com/intent/tweet?hashtags= cali, hank&text=' + quotPick);
}); 
});