Javascript jQuery可视目标问题

我制作了这个脚本，它允许您使用jQuery浏览多个div，但是如果显示了第6个div并且使用.is（“：visible”）没有给我带来任何运气，我想对父级进行css更改

$(document).ready(function() {
  /* Set the frame to #sf1 */
    $('#sf2, #sf3, #sf4, #sf5, #sf6').hide(); 
  /* Slide Animation for Next Slides */
    $('.nextbutton').click(function() { 
      $(this).parents('li').fadeOut(300);
      $(this).parents('li').next().fadeIn(300);
      if ($('#sf6').is(":visible") == "true") {
        alert('that just happened');
        $('#stepForm').css('height', 'auto !important');
      }
    }); 
  /* Slide Animation for Previous Slides */
    $('.prevbutton').click(function() { 
      $(this).parents('li').prev().fadeIn(300);
      $(this).parents('li').fadeOut(300);
    }); 
}); 

你应该改变

if ($('#sf6').is(":visible") == "true") {

公正

if ($('#sf6').is(":visible")) {

---

为什么不测试css属性使其可见

var dis = $('#sf6').css('display');
if (dis == 'visible' || dis == 'block'){
  // do something
}

---

通过测试length属性，您可以在一个选择器中捕获所有内容，如下所示：

if ( $('#sf6:visible').length ) {...

这样应该快一点。我只是想把它扔出去o）