Jquery Jplayer 不会在我的页面中第一次调用 setMedia 函数时触发该函数
Jquery Jplayer doesn't trigger the setMedia function on the 1st call of the function in my page
我的页面中显示了歌曲列表,但我找不到为什么它不适用于页面的第一首歌曲。代码非常简单,我已经仔细或三重检查了所有内容。即使是错误警报也没有收到任何错误。我在页面中有 20 个元素,我已经为歌曲添加了错误的路径,在这种情况下我显示了一个错误,但我知道当前代码适用于所有元素,除了第一个未知原因没有触发"ready:函数(事件)"
这是代码:
<?php
$count = 1;
foreach( $all_songs as $songs){
?>
<script type="text/javascript">
$(document).ready(function(){
$("#jquery_jplayer_<?php echo($count);?>").jPlayer({
ready: function (event) {
$(this).jPlayer("setMedia", {
m4a:"uploads/audio/<?php echo($songs->audio_filename);?>"//,
//mp3:"uploads/audio/<?php //echo($songs->audio_filename);?>",
//oga:"uploads/audio/<?php //echo($songs->audio_filename);?>"
});
},
play: function() {
$(this).jPlayer("pauseOthers");
},
swfPath: "js",
supplied: "m4a, mp3, oga",
cssSelectorAncestor: "#jp_container_<?php echo($count);?>",
wmode: "window",
smoothPlayBar: true,
errorAlerts: true,
keyEnabled: true
});
});
</script>
<?php
$count++;
}
?>
非常感谢你帮助我。
亚历克斯
嗯
,你在 php foreach 中有 javascript 代码,这意味着你有多个 jplayer 实例可能会与交互发生冲突。我的建议是创建一个包含所有歌曲的playlist javascript array
,这样您就可以避免创建foreach循环
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 将函数的上下文应用于javascript变量
- 如何在JavaScript中将字符串转换为函数引用
- 用嵌套函数和默认函数定义函数
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 无法导出函数expressjs/requestjs中的变量
- 函数参数中的数据与指定变量之间的任何性能差异
- JQuery合并了keyup和focusout两个函数
- ES6构造函数返回基类的实例
- 监视函数从服务返回不起作用,但作用域函数起作用
- 我可以在json对象中添加一个函数吗
- AngularJS:我可以跳过函数参数回调吗
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- JavaScript数组排序(函数)用于对表行进行排序,而不是排序
- jquery点击函数select&取消选择
- 拨打'父亲'函数形式a'儿童'ReactJS中的组件
- Node.js v6.2.0类扩展不是函数错误
- 比较从函数和生成的日期对象
- jQuery中是否内置了任何字符串格式化函数
- Jquery Jplayer 不会在我的页面中第一次调用 setMedia 函数时触发该函数