Question

这是我的以下test.html文件

<!DOCTYPE html>
    <html>
      <head>
          <style>
              p { 
                  background:yellow; 
              }
              .content{
                  width:40px;
                  margin:0px 30px;
              }
          </style>
          <script src="http://code.jquery.com/jquery-latest.js"></script>
          <script>
              $(document).ready(function(){
                  $('#test').click(function(){
                     // alert("test");
                     var htmlData='<div class="resizable" ><div class="content">test</div></div>';
                     $('.container').append(htmlData);
                  });
                  $('.content').click(function(){
                     alert("test");
                  });
              });
          </script>
     </head>
     <body>
         <div class="container">
             <div class="resizable" >
                 <div class="selected content">Time</div>
                 <button type="button" id="test">Click Me!</button>
             </div>
         </div>
    </body>
</html>

当我点击按钮时，附加了一个div，我也有一个类内容，其上写了一个叫做alert的点击功能。内容类的jquery点击功能会调用内容类，这是内容类，但是没有内容类由buttton的click函数追加的类。

Answer 1

您需要为动态创建的DOM元素使用实时函数 - http://api.jquery.com/live/

$('.content').live('click', function(){
   alert("test");
});

Answer 2

$("body").delegate("#test", "click", function(){
      //write your code here
});

添加jquery代码和单击功能？

2 个答案: