-1

私のページで完全に機能するjqueryポップアッププラグインを使用しています。

しかし、このページを ajax から呼び出すと、Jquery ポップアップが機能しません。

何か提案はありますか？

どうもありがとうございました！！

$(document).ready(

function(){
//open popup
$(".pop").click(function(){

var url = $(this).attr('name');

 $("#"+url).fadeIn(1000);
 positionPopup(this);
});

//close popup
$(".close").click(function(){

  var url = $(this).attr('name');


$("#"+url).fadeOut(500);
});
});

おそらくdocument.readyはajaxから呼び出されませんでしたか？関数をどのように呼び出す必要がありますか?

4

1 に答える 1

1

onだけを使用する代わりに、メソッドを使用する必要がありますclick。コードは次のようになります。

$(document).ready(

function(){
//open popup
$(document).on("click", ".pop", function(){

var url = $(this).attr('name');

 $("#"+url).fadeIn(1000);
 positionPopup(this);
});

//close popup
$(document).on("click", ".close", function(){

  var url = $(this).attr('name');


$("#"+url).fadeOut(500);
});
});

ここでの問題は、イベントのバブリングに関するものです。ajax を使用して HTML 要素を動的に作成すると、イベントが関連付けられません。メソッドはon問題を解決します。

于 2012-11-08T13:47:35.010 に答える