追加jQuery代碼和點擊功能？

這是我下的test.html文件追加jQuery代碼和點擊功能？

<!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.The jQuery的點擊功能按鈕調用硬編碼的內容類，但不調用由buttton的點擊函數附加的內容類。

來源

2011-10-05 Human Love

您需要使用直播功能，用於動態創建的DOM元素 - http://api.jquery.com/live/

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

來源

2011-10-05 08:32:34 matino

或者委託（）http://api.jquery.com/delegate/ – Arda

@matino感謝您的幫助。 –

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

來源

2011-10-05 08:44:39

追加jQuery代碼和點擊功能？

回答

相關問題