的jQuery UI選項卡不能處理的onclick加載文件

Question

在我的jQuery UI選項卡這樣

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Preloaded</a></li> 
     <li><a href="ajax/content1.php">Tab 1</a></li> 
     <li><a href="ajax/content2.php">Tab 2</a></li> 
     <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li> 
     <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li> 
    </ul> 
    <div id="tabs-1"> 

    </div> 
</div> 

在JavaScript

我

$(document).ready(function() { 
    $("#moreinfotabs").tabs(); 
    $('a').click(function(){ 
     alert("asdas"); 
    }); 

當加載例如content1.php，我想處理點擊content1.php中的鏈接並提醒一些事情，但這不會發生。怎麼做 ？

PS：我寫了一個鏈接，無論我想a.classname使用....

Answer 1

對於動態生成的元素，事件應該被委派，從元件的靜態父母，或文檔中的一個目的。

$(document).on('click', 'a', function(){ 
    alert("asdas"); 
}); 

請注意，您沒有關閉該文檔準備處理程序：

$(document).ready(function() { 
    $("#moreinfotabs").tabs(); 
    $(document).on('click', 'a', function(){ 
     alert("asdas"); 
    }); 
}) // <--