javascript - jQuery 可见定位问题

Question

我制作了这个脚本，让您可以使用 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);
    }); 
}); 

Answer 1

你应该改变

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

只是

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

Answer 2

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

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

Answer 3

您可以通过测试这样的长度属性在一个选择器中捕获所有内容：

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

这种方式应该会快一点。只是以为我会把它扔在那里。:o)