2016-10-05 13 views
-1

ダイナミックイメージのonclicksを動作させるためにイベントリスナを静的要素にアタッチしようとしています。私は私の人生はこれを達成するように見えることはできません。私は繰り返し、他の投稿の回答を検索してコピーしたが、役に立たなかった。ダイナミック要素のonclickイベントが動作しない

私のコード内のバグであろうと、まったく一緒に何かが欠けているのかどうか、間違っているのはわかりません。

任意の助けをいただければ幸い

、以下の私のコードです:

$('#document').on('click','.newsfeed-bump',bump_hype_product,function(){ 
    // your logic 
} 
+0

あなたは 'id =" document "の要素を持っていますか?" – epascarello

+0

'$( '#document')'はIDが 'document'の要素を探しているということですか? '$(document)'がうまくいくと思います... –

+0

JSfiddleの例を表示できますか? –

答えて

1

これを試してください。

$(document).on('click','.newsfeed-bump',function(bump_hype_product){ 
jQuery('#product-message-confirmation-wrap').hide(); 
jQuery('.popup-waiting-wrap').show(); 
jQuery('#modal_product_message_confirmation h4.modal-title').html(''); 

jQuery.ajax({ 
    url : the_ajax_script.ajaxurl, 
    type : 'post', 
    data : { 
     action : 'bump_hype_product', 
     type : type_text, 
     post_id : post_id 
    }, 
    success : function(response) { 

     jQuery('.popup-waiting-wrap').hide(); 
     jQuery('#product-message-confirmation-wrap').show(); 
     jQuery('#product-message-confirmation-wrap').html(response); 

     jQuery('#modal_product_message_confirmation').modal('show'); 
    } 
}); 
         }); 

イムは "TYPE_TEXTが定義されていないキャッチされないにReferenceError" 取得

$("body").delegate(".newsfeed-bump", "click", function(){ 
    //your code 
}); 

または

$("body").on("click", ".newsfeed-bump" function(){ 
    //your code 
}); 
+0

うまくいけば、 '#document'要素の場合は、javascriptドキュメントオブジェクトを参照している場合は、代わりにthisを使用します。$(document) –

+0

@Ryan 3番目の引数は、イベントハンドラに渡すデータです。何らかの理由で、イベントハンドラのかっこ内でデータを直接渡すことはできません。これが役に立ったらいいですか? –

+0

@Samir、説明してください –

1

使用この:

関連する問題