图像按钮(左+;右)jquery使用offset()。左键用于右键单击,而css中的左值用于左键单击仅工作一次?
我一直在练习jQuery,不知道您是否能帮我解决这个错误 我看到一个网站,用箭头移动图片,并试图学习一个 然而,我的每一面只能点击一次。我无法让右键显示更多图片,直到它在这个div中结束。当我再次单击时,它什么也没做。控制台上没有我可以调试的东西 HTML:图像按钮(左+;右)jquery使用offset()。左键用于右键单击,而css中的左值用于左键单击仅工作一次?,jquery,html,css,Jquery,Html,Css,我一直在练习jQuery,不知道您是否能帮我解决这个错误 我看到一个网站,用箭头移动图片,并试图学习一个 然而,我的每一面只能点击一次。我无法让右键显示更多图片,直到它在这个div中结束。当我再次单击时,它什么也没做。控制台上没有我可以调试的东西 HTML: 左按钮的div 具有溢出的特定宽度的div:hidden和另一个宽度为1000px的div,用于将图片保留在一个组中 右键 注意:我测试每次使用150px的jquerymovecss。我也在这里发帖。图片不同,但代码相同 jsfiddle.
溢出的特定宽度的div:hidden
和另一个宽度为1000px的div,用于将图片保留在一个组中jsfiddle.net/bewPromtong/ufvgp我把你的
if/else
语句搞砸了,但我找到了解决问题的方法。您只是将left
设置为-150px
,而不是将150px
添加到现有值的顶部。要解决此问题,请将动画jquery更改为此
var leftanimator = function() {
var $maxL = $('#images').css('left');
if ($left <= $maxL) {
return false;
}else {
$wrapper.animate({'left':'+=150px' }, 1000); //this change
}
return false;
}
var rightanimator = function() {
var $right = $('#images').offset().left;
var $maxR = 0;
$wrapper.animate({'left':'+=-150px' }, 1000); //this change
return false;
}
var leftanimator=function(){
var$maxL=$('#images').css('left');
如果($left我们需要查看代码。我们无法推理。共享代码,我们会告诉你这有什么问题哦…嗨..我刚回来登录。我在jsfiddle.net/bewPromtong/ufvgpHi derek_duncan上发布了我的代码,谢谢!它对移动有效,但在移动最后一张图片时不会停止。那么我该怎么做呢?我尝试添加+=150px。以前,但它似乎永远不会消失。谢谢,我也尝试重新检查我的代码,以防我遗漏了什么。谢谢!