0

ここに質問を入れる方法がわかりません。コードをここにコピーするだけで、完全に説明できます。クラス「a」のapタグがあります

<p class="a">Test</p>

ここで使用しているjqueryは--

jQuery(document).ready(function($){


    $('.a').click(function(){
   (jQuery('<a href="home" class="b">Super Test</a>')).insertAfter('.a');

 return false;
 });



$('.b').on('click', function(){
    alert('hai');
    return false;
});
});

OK、クラス「a」のpタグをクリックすると、クラス「b」のリンクが正常に挿入されます。ここで、クラス「b」のリンクをクリックすると、何かしたいです。それが可能かどうかわからない、または愚かな質問をしている.どうすればそれが可能か、解決策を教えてください。または、これを達成する他の方法がある場合は、それを共有してください. ありがとうございました。実際に私のプロジェクトでこのタイプの状況を克服したいので、実際には ajax を介していくつかのリンクを取得し、顧客がそれらのリンク (ajax を介して作成された) をクリックすると、ajax 自体を使用して何かを表示したいと考えています。

4

5 に答える 5

0

コードは機能していe.preventDefault()ます。デフォルトのイベントが発生しないように追加する必要があります。それでも同じ問題が発生する場合、古いバージョンの jquery を使用している場合は、live()代わりにon().

.live() は廃止され、.on() はバージョン 1.7 まで導入されませんでした。

編集：
jQueryの新しいバージョンを使用している場合は、次のようなものを使用してください：

    $('.a').click(function(e){
        e.preventDefault();
        $('.a').after(' <a href="home" class="b">Super Test</a> ');
    });


$(document).on('click', '.b', function(e) {
            e.preventDefault();
            alert('hai');
});

作業例: http://jsfiddle.net/ouadie/Hw9Qa/

于 2013-06-20T11:55:32.760 に答える
0 
$(document).on('click', '.b', function(e){
    e.preventDefault();
    alert('hai');
    return false;
});

jQuery API .on()

于 2013-06-20T11:56:05.777 に答える