我正在尝试使用 jquery 浏览图片库,因此我有一个按钮,该按钮应该将变量加 1,然后使用它来加载下一张图片。
使用最上面的答案this https://stackoverflow.com/questions/11338499/increment-variable-using-jquery所以问题,我认为这就是解决方案:
<div id="pic"></div>
<div id="browse-right">NEXT</div>
<%= image_tag("/1.JPG", id:"1") %>
<%= image_tag("/2.JPG", id:"2") %>
<%= image_tag("/3.JPG", id:"3") %>
$("#1").click(function() {
var x = 1;
$("#pic").html('<img src="/' + x + '.JPG" />');
});
$("#2").click(function() {
var x = 2;
$("#pic").html('<img src="/' + x + '.JPG" />');
});
$("#3").click(function() {
var x = 3;
$("#pic").html('<img src="/' + x + '.JPG" />');
});
//...
$("#browse-right").click(function() {
x = x + 1;
$("#pic").html('<img src="/' + x + '.JPG" />');
});
但它只是重新加载同一张图片,这意味着var x
没有改变。有人知道正确的语法吗?
更新:好的,我想我已经解决了这个问题。x
单击图片时设置,显然在该功能完成后它不会持续存在。我没有在原始代码中包含该部分,因为我认为这会使整个事情变得更难以阅读......吸取教训。我怎样才能得到x
在设置它的功能后继续保留?
如何让 x 在设置它的函数后持续存在?
尝试定义x
之外和之前click
handler
var x = 1;
$("body").on("click", function() {
x = x + 1;
$(this).html(x)
})
body {
width: 300px;
height: 300px;
border: 1px solid purple;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
click
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)