ワードプレスのウェブサイトを作成していますが、問題が発生しました。いくつかのソーシャルWebサイトで投稿を共有するためのソーシャルボタンを追加しました。
また、次の投稿を無限にスクロールして読み込んでいます。私の問題は、htmlコールバックをページに配置したときにこのJavaScriptが解釈されないことです。このボタンはjavascriptで作成しています。
私のajax呼び出しは、ワードプレスページのすべてのhtmlを返します(htmlタグ付き...)
これが私のjavascriptコードです:
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
// Are there more posts to load?
if(pageNum <= max) {
$.ajax({
type: "GET",
url:nextLink,
dataType: "html",
success : function(data) {
// Update page number and nextLink.
pageNum++;
nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);
var pageN = pageNum-1;
var div = $(data).find('.my-post-format');
// Add a new placeholder, for when user clicks again.
$('#pbd-alp-load-posts')
.before('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')
}
});
}
}
});
私のhtmlコード:
<!-- Lockerz Share BEGIN -->
<li id="partager-article"> <a class="a2a_dd" href="http://www.addtoany.com/share_save?linkurl=<?php the_title() ?>&linkname=<?php the_permalink() ?>">share</a>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkname = "<?php the_title() ?>";
a2a_config.linkurl = "<?php the_permalink() ?>";
a2a_config.locale = "fr";
a2a_config.num_services = 6;
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- Lockerz Share END --></li>
データ変数にタグがありますが、$(data)を実行すると、このタグが消えます。
助けてくれてありがとう。