2013-11-22 55 views
0

我在html頁面中使用了jQuery 1.10。但是這個非常基本的代碼不起作用。jQuery不會觸發我寫的任何函數

<script type="text/javascript" src="/app_theme/cupios/js/jQuery-dev-1.10.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 

     $(".rad2 span").click(function(){ 

      console.log($(this)); 

     }); 

    }); 
</script> 

包含路徑是正確的。當我在Firebug或Chrome開發人員工具上編寫此代碼時,它工作得非常好。我的問題在哪裏?在瀏覽器或其他?因爲這些代碼工作正確!

+0

看起來像動態元素 –

+0

ouv是的,我是一個動態元素,不訪問。 $(document).on('click',「.rad2 span」,function(){});解決了這個問題。 – Mesuti

回答

4

由於代碼是從控制檯工作的,我認爲元素是動態創建的(在dom就緒處理程序被觸發後)。

所以儘量使用event delegation

$(document).on('click', ".rad2 span", function() { 
    console.log($(this)); 
}); 

它看起來當DOM就緒處理程序執行目標元素,如不存在於DOM中,因此處理程序沒有得到重視他們

+0

是的,這是工作。但問題在哪裏? – Mesuti

+3

@downvoter我錯過了什麼 –

+2

總是考慮評論downvote,如果它不明顯是什麼錯誤,thx! –