Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery根据元素的值隐藏元素';CSS中还有多少空白?_Javascript_Jquery_Css_Margin - Fatal编程技术网

Javascript 如何使用jQuery根据元素的值隐藏元素';CSS中还有多少空白?

Javascript 如何使用jQuery根据元素的值隐藏元素';CSS中还有多少空白?,javascript,jquery,css,margin,Javascript,Jquery,Css,Margin,我正在开发一个转盘式滑块,希望在ul的左边距等于-3480px时隐藏其中一个控件。这是我的密码: $(function(){ if($("ul#listName").css("margin-left") == "-3480px"){ $(".nextButton").hide(); } }); 但它什么也没做,我不知道下一步该怎么办。有人有什么建议吗 var mm = $("ul#listName").css("margin-left"); if(mm ==

我正在开发一个转盘式滑块,希望在
ul
的左边距等于-3480px时隐藏其中一个控件。这是我的密码:

$(function(){
    if($("ul#listName").css("margin-left") == "-3480px"){
      $(".nextButton").hide();
    }    
});
但它什么也没做,我不知道下一步该怎么办。有人有什么建议吗

var mm = $("ul#listName").css("margin-left");
if(mm == -3480+"px"){
  $(".nextButton").hide();
}

我使用了
parseInt
来显示一个备选方案,并避免在
px
加后缀时出现任何问题。

根据您正在设置动画的样式属性,您应该检查该选项。还要确保在比较之前将值转换为int,因为
css()
方法将给出单位(px/em…)及其值

var p = $(".your_class");
var position = p.position();
  if(p.position().left == '-3480px'){
$(".nextButton").hide();
}
    if(parseInt($("ul#listName").css("margin-left"), 10) == -3480){
        $(".nextButton").hide();
    }    

如果您在任何动画回调上执行此代码,那么我建议您检查
我没有完整的脚本可供使用,但我建议您在
$(“ul#listName”).css(“左边距”)
上执行
控制台.log()
,以查看它是否真的输出了您所认为的功能。我也会使用jqueryui,不要重新发明轮子!;)另外,设置一个JS fiddle,这样我们可以更清楚地看到您在尝试什么。jQuery中的.css()方法返回与您的查询匹配的第一个元素。“ul#listName”是否有多个匹配项?@MildFuzz我很想使用jQuery UI,但这是一个非常奇怪的轮播实现,不适用于web。我已经尝试了你的代码,它可以工作(显然是用不同的选择器调整的)。你有没有检查过名单上是否有那个空白?可能它没有得到准确的数字,请尝试使用Firebug(或类似工具)进行检查。
position
返回一个数字对象。是的,如果使用position()。left返回left position:)测试并在两个滑块中使用它
    if(parseInt($("ul#listName").css("margin-left"), 10) == -3480){
        $(".nextButton").hide();
    }    
    if(parseInt($("ul#listName").css("margin-left"), 10) <= -3480){
        $(".nextButton").hide();
    }