使用 jquery live 点击事件

发布于 2024-10-22 13:46:10 字数 782 浏览 4 评论 0原文

我有以下脚本，只要是静态 html，它就可以工作

$('li.tab').each(function(index) {
    $("#tab" + index ).click(function() {$("#tabs").tabs( "select" , index  );});
});

这就是静态 html 的样子：

<div class="item" id="tab0"><div class="icon" style="background-image: url('http://intranet/icon0.png');"></div> Default</div>
<div class="item" id="tab1"><div class="icon" style="background-image: url('http://intranet/icon1.png');"></div> Reports</div>
<div class="item" id="tab2"><div class="icon" style="background-image: url('http://intranet/icon2.png');"></div> Other</div>

如果我使用数据库通过 jquery/ajax 生成 3 行 html，我是否必须使用 jquery live 函数来连接点击事件在上面的脚本中看起来？

如果是，我该怎么做？

原文

I have the following script which works as long as the are static html

$('li.tab').each(function(index) {
    $("#tab" + index ).click(function() {$("#tabs").tabs( "select" , index  );});
});

This is what the static html looks like:

<div class="item" id="tab0"><div class="icon" style="background-image: url('http://intranet/icon0.png');"></div> Default</div>
<div class="item" id="tab1"><div class="icon" style="background-image: url('http://intranet/icon1.png');"></div> Reports</div>
<div class="item" id="tab2"><div class="icon" style="background-image: url('http://intranet/icon2.png');"></div> Other</div>

If I use a database to generate the 3 html lines via jquery/ajax, do I have to use the jquery live function to connect the click event look in the script above?

If yes, how would I do this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

舟遥客 2024-10-29 13:46:10

是的，您需要使用live

$('li.tab').each(function(index) {

  $("#tab" + index).live('click', function() {
    // ...
  });

});

yes you need to use live

$('li.tab').each(function(index) {

  $("#tab" + index).live('click', function() {
    // ...
  });

});

回复收藏 0 原文

柒夜笙歌凉 2024-10-29 13:46:10

$('.your_target_class').live('click', function () {
    //your code here.
});

$('.your_target_class').live('click', function () {
    //your code here.
});

回复收藏 0 原文

层林尽染 2024-10-29 13:46:10

使用 .delegate() 代替 .live()，将其绑定到围绕您的目标对象的对象。您可以链接 .delegate() 并且它具有更好的性能（您可以在此处查找它http://jquerybyexample.blogspot.com/2010/08/bind-vs-live-vs-delegate-function.html）

另外，不要忘记使用 . die()/.undelegate()，否则您将面临触发多个请求的风险（即，如果您的 .live() 声明被多次调用，您的 click 事件将触发多次。您可以在此处查找< a href="https://stackoverflow.com/questions/4588423/jquery-ui-ajax-tabs-requests-multiplying-when-loading-links-within-tabs">jQuery UI ajax 选项卡 - 在加载链接时请求成倍增加tabs）

请注意，jQuery 1.4.2 的 .live() 中有一个错误，请考虑到这一点。

回复收藏 0 原文

~没有更多了~