Javascript 与响应幻灯片一起使用时，单击未触发的功能

我正在使用一个名为ResponsiveSlides.jsv1.54的J查询滑块

我试图在文档就绪时触发一个单击功能，但它没有发生

HTML

<ul class="rslides">
    <li><img class="thumb" src="http://images01.inmotico.com/313/523/3135232000RC/580X420/8079d3bd4e020363bcdbaebaa8bf55a6.JPG" name="primary" id="primary"> 
    </li>
  <li><img id="primary" class="thumb" src="http://images01.inmotico.com/318/270/318270100000/580X420/0f93b6672ccde6fdc78b19077df8ba25.jpg" name="primary"></li>
  <li><img src="http://images01.inmotico.com/313/523/3135232000RC/580X420/5c63a9d68cfc0d28f5ea8dc655258871.JPG" alt=""></li>
  <li><img src="http://images01.inmotico.com/313/523/3135232000RC/580X420/7eda3992653969535866af22ae122d7d.JPG" alt=""></li>
</ul>

正如你在我的剧本中看到的。单击功能将添加到元素中。因此，当该元素被单击时，警报应该会发出，并且工作正常。。。但当页面加载时，警报也会弹出。这是行不通的

---

提前感谢

我尝试了几种方法，这就是它的工作原理

所以我解释了我们是如何修复的

我正在初始化

$('.transparent-btns_nav').trigger('click'); 

在剧本之前

$(".rslides").responsiveSlides({

        auto: false,
        pager: true,
        nav: true,
        speed: 500,
        maxwidth: 540,
        namespace: "transparent-btns"
      });

因此，触发器发生在一个不存在的div上。现在是脚本，它将正常工作

$(document).on('click', '.transparent-btns_nav',function(event){
alert('clicked');
});

$(document).ready(function(){      
     $(".rslides").responsiveSlides({

        auto: false,
        pager: true,
        nav: true,
        speed: 500,
        maxwidth: 540,
        namespace: "transparent-btns"
      });
    $('.transparent-btns_nav').trigger('click');

});

---

如果您同意我的回答，请告诉我谢谢

当页面加载时，将永远不会出现警报

，因为它不是在加载时被调用的，而是在单击处理程序时写入的！这段代码乱七八糟。不要使用

$（document）。在

上，阅读上关于委托事件的

文档。是否确定存在类为
transparent-btns\u nav
的元素。我在你的fiddle源代码中找不到任何元素。如果我没有弄错的话，这个类的元素
.transparent-btns\u nav
，是由于
.responsiveSlides（{…}）
滑块而出现的。因此，如果在初始化responsiveSlides
之前调用触发器函数。responsiveSlides（{…}）
，那么这些元素将不存在，它将在滑块初始化之后存在。@dreamweiver确切地说是bro。我之前已经回答过了，但是Stack不让我接受我自己的答案，直到两天之后。这是触发click事件元素的正确方法，因为它们只有在滑块初始化之后才存在。不管怎样，既然你得到了答案，就通过自我回答来结束这个问题吧。
$(document).on('click', '.transparent-btns_nav',function(event){
alert('clicked');
});

$(document).ready(function(){      
     $(".rslides").responsiveSlides({

        auto: false,
        pager: true,
        nav: true,
        speed: 500,
        maxwidth: 540,
        namespace: "transparent-btns"
      });
    $('.transparent-btns_nav').trigger('click');

});