javascript - <li> ajax [事件委托(delegate)问题] 后点击功能不工作

标签 javascript jquery html

<分区>

在我的网页中,我每 5 秒更新一次无序列表 $.get() 的内容。问题是列表项的点击功能不起作用。列表项正常更新,但点击功能有问题

       $(document).ready(function(){
           $(".request").click(function(){
            alert("hello");
                        //do some stuff
                      });


          window.setInterval(function() {
         $.get('/changeListItems/',function(data,status){

            //alert(data[0]);
            $('#collabRequests > li').remove();
              for(user in data)
              $('#collabRequests').append('<li class=\"request\">'+'user-'+data[user]+' wants to collaborate!'+'</li>');

            });
        },5000);   
 });


   <!-- Html snippet -->
     <div id="invitedUsers">
    <h2> List of users you have invited for this page</h2>  
    <ul id="collabRequests">        

    </ul>   
   </div>

最佳答案

委托(delegate)事件

替换

$(".request").click(function(){

$(document).on("click", ".request", function(){

更好.. 将文档替换为绑定(bind)事件时页面上存在的静态祖先

关于javascript - <li> ajax [事件委托(delegate)问题] 后点击功能不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17534517/

相关文章:

javascript - 在 Javascript 中向对象添加事件监听器

javascript - Angular ngMock $httpBackend : split mocks into multiple files

javascript - 从 PHP 执行 Puppeteer 突然停止工作

javascript - 计算可观察问题

Jquery 在多列中随机/随机播放内容?

javascript - 如何将 jQuery 验证文本放置在标题的右侧而不是输入字段的右侧

javascript - 如何在页面加载中扩展我的 Div?

javascript - 如何使用 html 文档中的 javascript 动态寻址单词/字符串,然后对其进行标记?

html - Office 365 电子邮件 Web 应用程序 - 文本修饰支持

html - 电话图标仅出现在移动 View 中