jQuery-等待此元素,然后执行1次

jQuery - Wait for this element and then execute 1 time

本文关键字:然后 执行 1次 元素 等待 jQuery-      更新时间:2024-04-29

我正在尝试操作滑块中的文本。但问题是,它只适用于第一张可见的幻灯片。

我需要一个方法来等待这个元素,然后执行这个1次。

    if(  $(".slide-1").is(":visible") == true )
{  
     var test5 = jQuery("h1,p",".feature-box-text");
     test5.wrapInner('<span></span>');
}
if(  $(".slide-2").is(":visible") == true )
{  
     var test6 = jQuery("h1,p",".feature-box-text");
     test6.wrapInner('<span></span>');      
}
if(  $(".slide-3").is(":visible") == true )
{  
     var test7 = jQuery("h1,p",".feature-box-text");
     test7.wrapInner('<span></span>');       
}
if(  $(".slide-4").is(":visible") == true )
{  
     var test8 = jQuery("h1,p",".rsts-active");
     test8.wrapInner('<span></span>');       
}

这是我的最后一个解决方案,但我仍然需要使用"if"等待,直到元素存在或等待此元素。

我该怎么做?

每个滑块都有一些公共类吗?假设它是一个"ce_rsce_tao_feature_box"。在$(document).ready()中添加以下代码:

$('.ce_rsce_tao_feature_box').each(function() {
  var current_slider = $(this);
  current_slider.find('h1,p').wrapInner('<span></span>');
  current_slider.find('.feature-box-text').wrapInner('<span></span>');
});

如果您想在DOM更改后发出通知,您应该查看Live Query。当DOM元素与您的选择器匹配时,这个jquery插件将触发回调:

$('.slide2:visible').livequery(function() {
    alert("My slide 2 is now visible!");
});