Javascript 使用InfiniteColl.js加载新帖子是否使用脚本加载?
我在wordpress中使用InfiniteColl.js进行帖子分页 在我的content-post-audio.php中,我使用一个脚本来调用jplayer.js(一个创建HTML音频播放器的脚本),当我加载新帖子时,加载了所有具有jplayer调用但没有jplayer调用的音频类型帖子 我试图通过无限滚动加载我的脚本,但脚本必须在每篇文章中分别加载,因为它使用了文章唯一ID。这是我的脚本:Javascript 使用InfiniteColl.js加载新帖子是否使用脚本加载?,javascript,jquery,wordpress,infinite-scroll,Javascript,Jquery,Wordpress,Infinite Scroll,我在wordpress中使用InfiniteColl.js进行帖子分页 在我的content-post-audio.php中,我使用一个脚本来调用jplayer.js(一个创建HTML音频播放器的脚本),当我加载新帖子时,加载了所有具有jplayer调用但没有jplayer调用的音频类型帖子 我试图通过无限滚动加载我的脚本,但脚本必须在每篇文章中分别加载,因为它使用了文章唯一ID。这是我的脚本: <script type="text/javascript"> jQuery(doc
<script type="text/javascript">
jQuery(document).ready(function($){
setTimeout(function() {
if($().jPlayer) {
$("#jquery_jplayer_<?php echo $post_id;?>").jPlayer({ready:function(){
$(this).jPlayer("setMedia", {
<?php if($mp3 != '') : ?>
mp3: "<?php echo $mp3; ?>",
<?php endif; ?>
<?php if($ogg != '') : ?>
oga: "<?php echo $ogg; ?>",
<?php endif; ?>
end:""});
},
swfPath: "<?php echo get_template_directory_uri(); ?>/library/scripts",
cssSelectorAncestor: "#jp_interface_<?php echo $post_id; ?>",
supplied: "<?php if($ogg != '') : ?>oga,<?php endif; ?>
<?php if($mp3 !='') : ?>mp3, <?php endif; ?> all"});
}}, 100);
});
</script>
jQuery(文档).ready(函数($){
setTimeout(函数(){
如果($().jPlayer){
$(“#jquery_jplayer”)jplayer({ready:function(){
$(this).jPlayer(“setMedia”{
mp3:“,
oga:“,
(完);
},
swfPath:“/library/scripts”,
CSS选择器存储:“#jp#U接口”,
提供:“oga,
mp3,全部“});
}}, 100);
});
任何通过InfiniteColl load加载新音频帖子的帮助,都有类似的问题,比如audio.js和简单的旧WordPress分页。(没有无限滚动)-修复非常简单,将html5音频标签和viola上的preload属性更改为none。。。。工作起来很有魅力
我完全不知道你是否可以在jPlayer中应用这种选项,但至少对于html5版本的播放器,它必须加载音频标签,我假设插件选项中应该有可用的东西。您的问题是jPlayer没有绑定到新添加的帖子吗?问题是每个音频类型帖子中的jPlayer调用都消失了。InfiniteSroll是否提供了一个回调,然后您可以重新调用脚本?很抱歉,响应太晚了,是的,它提供了回调,但正如您所看到的($(“#jquery_jplayer”).jplayer)调用使用$post_id