我正在制作一个滑块,并且正在尝试弄清楚如何专门对按钮进行编程。
我希望它在单击时以 700 像素的增量向左移动,但是一旦 marginLeft 大于 2800 像素,因为单击时它不会执行任何操作。
现在我有以增量移动容器的部分,但我不确定如何制作在“slider_container”的 marginLeft 大于 2800 px 后不执行任何操作的部分。
$("#left").click(function () {
$("#slider_container").animate ({
marginLeft: "+=700px"
},450 );
});
我想知道为什么以下不起作用:
if ($("#slider_container").css("marginLeft") >= 2800) {
$("#right").click(function () {
$("#slider_container").animate ({
marginLeft: "-=0px"
},450 );
});
}
else
{
$("#right").click(function () {
$("#slider_container").animate ({
marginLeft: "-=700px"
},450 );
});
}
尝试这个:
$("#left").click(function () {
var margin = parseInt($("#slider_container").css("marginLeft")),
move = Math.min(700, 2800 - margin);
if (move > 0) {
$("#slider_container").animate ({
marginLeft: "+=" + move + "px"
},450 );
}
});
在您刚刚添加到问题中的代码中,您需要将if
在 - 的里面function
对于点击事件。还,animate to "-=0px"
,有什么意义吗?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)