Question

条件陈述似乎对我不起作用。我正在尝试一组堆叠的图像来根据所选择的zIndex来改变它们的zIndex。所以如果我有几个按钮可以在前面调出几张图片：

（假设我们默认开始使用第一张图片并选择第二张图片）

<script>
$(function() {
    var z = $("#image2").zIndex;  //also tried .css.zIndex;
    $("#button2").click(function() {
        if (z != 999 ) {
            $("#image1").animate({zIndex: 0}, 1, 'linear');
            $("#image2").animate({zIndex: 999}, 1, 'linear'); 
        } else {
        return false;
        };  
    });
});
</script>

问题在于，虽然它确实有效，但无论条件是否为真，它都能正常工作，所以如果我选择第二张图像然后再次选择它将运行脚本。现在在你开始想知道为什么这很重要之前，还有更多的事情发生，而不仅仅是因为这会导致视觉错误发生，否则id只是留在那里，但这是它的要点。

Answer 1

你可以这样做：

$("#image2")[0].style.zIndex // document.getElementById(image2).style.zIndex

或

$("#image2").css('zIndex');

这里有一个本机JavaScript属性getter / setter挂起jQuery集合，而这根本不是它的工作方式。

Answer 2

if ( $("#image2").css("z-index") <= 999 ){
      $("#image1").animate({zIndex: 0}, 1, 'linear');
      $("#image2").animate({zIndex: 999}, 1, 'linear'); 
}

希望这对你有用..

Answer 3

检查一下，看看这对你有用吗？ http://jsfiddle.net/atfZn/5/

用于css的Jquery条件语句？

3 个答案: