本当に誰かがこの問題を解決できることを願っています。最初のページでうまく動作するAjaxページネーションスクリプトがありますが、クリックイベントはページングの他のページでは機能しません。ajaxページング後にクリックイベントが機能しない
jQueryのスクリプト
<script type="text/javascript">
// prepare when the DOM is ready
$().ready(function() {
//popup div
$(".wsbutton_pop").click(function(e){
//getting height and width of the message box
var height = $('#popuup_div').height();
var width = $('#popuup_div').width();
//calculating offset for displaying popup message
leftVal=e.pageX-(width/2)+"px";
topVal=e.pageY-(height/2)+"px";
//show the popup message and hide with fading effect
$('#popuup_div').css({left:leftVal,top:topVal}).show();
$('#popuup_div').html("<img src='images/ajaximg.gif' border='0'>");
$.ajax({
type: "get",
url: $(this).attr("href"),
success: function(r){
$('#popuup_div').html("")
$('#popuup_div').prepend(r);
}
});
});
//close div on mouse click
$(".popup_msg").click(function(e){
$('#popuup_div').fadeOut();
});
});
</script>
別のページのコンテンツをdiv要素をポップアップする必要があります。
は、これは私がそれを設定している方法です。
は今私のリンクは: 最初のページに素晴らしい作品が、私はまったく同じページのリンクを持っている2を訪問するためにクリックしたときに、今の問題がある<a href="http://mysite.com/file.php?content=1" class="wsbutton_pop">Load content</a>
、リンクはもう動作しません。
メモとして、私のページは、ID = "ページング"でdivにロードする必要があります。 AJAXページング自体はうまくいきます。結果として得られるページのjqueryクリックイベントは機能しません。スクリプトの再バインドが必要だと思うかもしれませんが、それを達成する方法はわかりません。
ありがとうございました。
ありがとう。これは素晴らしいです。 –
これはjQuery 2.xでも使えますか? – user2636556