我对 jQuery 相当陌生,所以我正在慢慢掌握一切。一直坚持这一件事。
目标:我想创建一个事件,在该事件中单击按钮,它将元素移动到右侧。然后我再次单击它,它将将该元素移回左侧。
问题:第一次可以正常工作,但如果再次单击它,它就会再次向右移动。
添加了我调用的样式
$(document).ready(function () {
var img = ".img";
var slideBody = "#bodyWrapper";
$(img).click(function () {
if ($(slideBody).css("left", "0") <= "true") {
$(slideBody).animate({
left: "200px"
}, 200);
} else {
$(slideBody).animate({
left: "0px"
}, 200);
}
});
});
.img {
display: block;
position: relative;
width: 50px;
height: 50px;
background: yellow;
opacity: 1;
left: 0px;
}
#bodyWrapper {
display: block;
width: 100%;
overflow: hidden;
left: 0px;
position: relative;
}
最佳答案
将条件更改为:
if ( $(slideBody).css("left") == 0 ){
$( slideBody ).animate({left:"200px"}, 200);
} else {
$( slideBody ).animate({ left:"0px" }, 200);
}
关于javascript - JQuery按钮事件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23398180/