根据位置显示或隐藏图像（图像滑块）

Question

我有一个图像滑块设置和工作，我现在需要的是显示或隐藏基于滑块内元素位置的图像。在Firebug

看，我可以看到以下内容（请注意，有几个里的项目，我只是显示一个在这里）：

<li class="roundabout-moveable-item" style="position: absolute; left: 128px; top: 104px; width: 185.9px; height: 188.1px; opacity: 1; z-index: 145; font-size: 8.3px;"> 

现在根据该“左”的位置，我想能够做到以下几点：

if left > 400px then add a class which will show image one, 
if left < 300px then add a class which will show image two, 
if left >= 300px and <= 400px then add a class which will show no image 

非常感谢所有帮助。我是很新，JQuery的，但到目前为止，我想到的是：

var left = $("li.roundabout-moveable-item").position.left; 
$("li.roundabout-moveable-item").addClass("no-image"); 
if(left < 300px) { 
    $('li.roundabout-moveable-item").addClass("image-one"); 
} 
elseif(left > 400px) { 
    $('li.roundabout-moveable-item").addClass("image-one"); 
} 
else { 
    $('li.roundabout-moveable-item").addClass("no-image"); 
} 

感谢

Answer 1

只是从您的代码和正确的语法删除“PX”。 我认为你需要某事像这样：

var left = $(".roundabout-moveable-item").position.left; 
if(left < 300) { 
$(".roundabout-moveable-item").addClass("image-one"); 
} 
else if(left > 400) { 
$(".roundabout-moveable-item").addClass("image-two"); 
} 
else { 
$(".roundabout-moveable-item").addClass("no-image"); 
}