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();
}