一尘不染

在jQuery中插入后更新DOM

ajax

假设我使用jQuery将新内容加载到特定的DIV元素中。如果现在我想从该DIV元素内部捕获事件,我认为必须以某种方式更新DOM?处理此问题的最佳方法是什么?

编辑:这是我的意思的示例:

<html>
  <head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script>
      $(document).ready(function(){
        $(".edit").click(function(){
          $(this).parent().load("edit");
        });
        $(".view").click(function(){
          $(this).parent().load("view");
        });
      });
    </script>
  </head>
  <body>
    <div class='someid'>
      <input type='submit' class='edit' value='Edit'>
    </div>
  </body>
</html>

edit同一级别的文件包含

<input type='submit' class='view' value='View'>

文件“视图”包含

<input type='submit' class='edit' value='Edit'>

如果您尝试此操作,则将在您第一次按下Edit时看到该按钮变为View,但之后不再更改。为什么是这样?


阅读 189

收藏
2020-07-26

共1个答案

一尘不染

像这样使用live

 $(".view").live("click",function(){
      $(this).parent().load("view");
    });
2020-07-26