Javascript 冲突脚本、Fancybox和无缝音频播放器
我正在使用一个名为scmplayer()的无缝音频播放器和一个名为FancyBox的JQuery插件。两个脚本冲突似乎存在一些问题。当我从播放器中添加代码时,fancybox停止工作 我的代码是这样的: 负责人:Javascript 冲突脚本、Fancybox和无缝音频播放器,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,我正在使用一个名为scmplayer()的无缝音频播放器和一个名为FancyBox的JQuery插件。两个脚本冲突似乎存在一些问题。当我从播放器中添加代码时,fancybox停止工作 我的代码是这样的: 负责人: $(文档).ready(函数(){ $(“a.cart”).fancybox({ “hideOnContentClick”:false }); }); 在BODY标记的开头: <!-- SCM Music Player http://scmplayer.net -->
$(文档).ready(函数(){
$(“a.cart”).fancybox({
“hideOnContentClick”:false
});
});
在BODY标记的开头:
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Tommy Castro - Bad Case of Love','url':'http://santacruzbluesfestival.com/sounds/saturday/01.mp3'},{'title':'Tommy Castro - Exception to the Rule','url':'http://santacruzbluesfestival.com/sounds/saturday/02.mp3'}]}" ></script>
<!-- SCM Music Player script end -->
以下是实际操作中的问题:
当您单击“添加到购物车”按钮时,fancybox弹出窗口应出现。您不应在fancybox页面中使用scm代码。只需添加default.aspx就足以处理所有页面 你能提供一个JSFIDLE或到你的站点的链接让我们看到吗?这里有一个实际问题:当你点击“添加到购物车”按钮时,fancybox弹出窗口应该发生。我认为SCM Player会将你的html重新创建到一个iframe中,因此fancybox的事件绑定丢失,我不知道SMC Player是否有事件,但是诀窍是在smc播放器之后绑定fancybox;在文档的正文中,它会工作的。我本来就是这样做的,但它不工作,所以我把所有的JS移到了标题中以保持整洁……我还注意到smc播放器将整个网站都放到了一个iframe中。也许换一个音频播放器会更好。
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Tommy Castro - Bad Case of Love','url':'http://santacruzbluesfestival.com/sounds/saturday/01.mp3'},{'title':'Tommy Castro - Exception to the Rule','url':'http://santacruzbluesfestival.com/sounds/saturday/02.mp3'}]}" ></script>
<!-- SCM Music Player script end -->