jquery - on() が機能しないのはなぜですか?

Question

ページで要素を動的に作成しているため、単純に .on('click') イベントを使用しようとしています。

イベントをテストし、それが発生していないだけです:

function showSub(){
    alert('wefef');
}

$('.common-main-row').on('click', showSub);

実際、この例では、.common-main-row は常にページ上にあり、動的に作成されません。

score 0 · Accepted Answer

使用している jQuery のバージョンは何ですか。on() は 1.7 以降、jQuery でのみ使用できます。それ以前は live() でした。これを試して。

function showSub(){
    alert('wefef');
}

$('.common-main-row').live('click', showSub);

編集：

jsfiddle の例では jQuery 1.8.3 を使用しました。on() は 1.7 以降の jQuery に含まれています。 http://api.jquery.com/on/

score 0 · Accepted Answer

コードがラップされている最新のjQueryバージョンがあることを確認してください

 $(document).ready(function(){ /* your code here */ });

これをヘッダーに配置します。

 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

score 0 · Accepted Answer

$(document).ready(function() {
    $('.common-main-row').click( function(e){
        //do stuff
        alert('wefef');
    });
});

score 0 · Accepted Answer

.bind() を使用できます

function showSub(){
    alert('wefef');
}

$('.common-main-row').bind('click', showSub);

4 に答える 4