我想在点击时保持我的 table 移动,为此我尝试这样做:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".next").click(function() {
var position = $(".slide_table").position().left;
var movepos = parseInt(position) - parseInt(450) + 'px';
$('.slide_table').css('margin-left',movepos);
});
});
</script>
<a href="#" class="prev">Prev</a>
<div class="slide">
<table class="slide_table" style="border:1px solid gray; background:#CCCCCC">
当我第一次点击时它起作用了,那么我怎么能保持它,除非正确的位置是0或小于450。
感谢您的帮助....
最佳答案
假设您希望每次点击按钮时向右移动 10 像素,代码为:
<script>
$(document).ready(function(){
$(".next").click(function() {
var position = $('.slide_table').css('margin-left');
var movepos = position + 10;
$('.slide_table').css('margin-left',movepos);
});
});
</script>
您不需要在要移动的距离末尾添加字符串'px'。
关于javascript - 使用继续单击事件继续在 jquery 中移动表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21438749/