javascript - 对 JSON 数据运行 jQuery

Question

我有一个分配给选项卡链接的 AJAX 调用函数，它将从 php 页面获取结果，然后显示在页面上。

这是下面的ajax代码

$(document).ready(function(){
    $(".resolved_tab_copy").click(function(){
     $.ajax({
        type:"POST",
        url:"dynamic_tab.php",
        async:true,
         success:function(data){
       $('.main_display_4resolve').html(data);
         }
       });
        console.log("Hello");
    });
 });

检索到的数据被格式化为 HTML 元素，我希望能够在这些元素上运行 jQuery 单击和各种其他事件检索到的数据如下所示..

echo '<div class="ticket_div">
            <div class="menu_wrapper">
                  <div class="resolved_diag_click" id="',$each_issue['issue_id'],'">Notes</div>
                  <div class="resolved_diag_res_click" id="',$each_issue['issue_id'],'">Resources</div>
              </div>
            <div class="resolved_diag_show" id="resolved_notes_displayDiv',$each_issue['issue_id'],'">
                  <div class="resolved_diag_result" id="resolved_diag_resultID',$each_issue['issue_id'],'">';
                  $target_issueid=$each_issue['issue_id'];
                       $diag_list=get_diag_result($target_issueid);

                      foreach($diag_list as $each_diag){
                        echo '<div class="diag_txt">';
                        $name_id=$each_diag['diag_logger'];
                            $name_list=get_name($name_id);
                                foreach($name_list as $each_name){
                                    echo '<div class="resolved_diag_logger">',$each_name['fname'],' ',$each_name['lname'],'</div>';
                                }
                            echo '<div class="resolved_diag_time">',$each_diag['diag_time'],'</div>';
                            echo '<div class="resolved_diag_desc">',$each_diag['diag_desc'],'</div>';
                        echo '</div>';
                        };


                      echo '<ul class="tkt_ctrl">
                          <li class="resolved_tkt_ctrl_cmnt_click_',$each_issue['issue_status'],'" id="resolved_cmnt_clickid',$each_issue['issue_id'],'" alt="',$each_issue['issue_status'],'">Comment</li>
                           <li class="resolved_tkt_ctrl_li_',$each_issue['issue_status'],'" alt="',$each_issue['issue_status'],'">Email</li>
                           <li class="resolved_tkt_ctrl_resolve_',$each_issue['issue_status'],'" id="resolved_resolveID',$each_issue['issue_id'],'" alt="',$each_issue['issue_status'],'">Resolved</li>
                      </ul>
              </div>

我希望能够运行 jQuery 事件

<div class="resolved_diag_click" and display   <div class="resolved_diag_show".

此页面在静态时所有 jquery 都可以工作，但是当通过 ajax 调用 jQuery 事件检索时不起作用..

我一定错过了一些非常愚蠢的事情，我无法理解这一点..如果有人能给我指明正确的方向，那将挽救生命。我也在研究 jQuery .on 和 .live 事件，这是我们应该尝试的。谢谢

Answer 1

如果您的 jquery 代码有针对当时不存在的元素的事件(在 ajax 之前)，那么您需要说一些只要它们出现就我想定位.

这可以通过 @Shannon 解决方案 jquery 的 .on() 来实现。或者如果您的 jquery 是1.6.2 或更旧，您可以使用 .live() (在 1.7+ 上已弃用)

使用如下:

$(document).ready(function() {
   $("#obj").live("click",function() {
   });
});

上面的内容就像一个普通的 .click 事件，只不过即使 #obj 尚不存在并且是动态创建的，它仍然存在。