Javascript 同一页面上的多个Jquery脚本冲突
好的,我已经看到了一些关于这个主题的问题-我有一个html5页面,我正在尝试应用一个音乐流播放器,但是jquery脚本与另一个jquery脚本冲突 下面是我的代码,我尝试了无冲突方法,但是没有用,我可能应用错了。这只是我的代码的脚本部分,我的视频库也在播放;画廊播放得很好,但播放器播放,但根本不播放。每次加载页面时,我都会收到一条消息:Adobe Flash Player security null正在尝试连接基于internet的位置,该位置是Javascript 同一页面上的多个Jquery脚本冲突,javascript,jquery,html,Javascript,Jquery,Html,好的,我已经看到了一些关于这个主题的问题-我有一个html5页面,我正在尝试应用一个音乐流播放器,但是jquery脚本与另一个jquery脚本冲突 下面是我的代码,我尝试了无冲突方法,但是没有用,我可能应用错了。这只是我的代码的脚本部分,我的视频库也在播放;画廊播放得很好,但播放器播放,但根本不播放。每次加载页面时,我都会收到一条消息:Adobe Flash Player security null正在尝试连接基于internet的位置,该位置是webservicehosting.ca(我正在从
webservicehosting.ca
(我正在从该站点传输数据)
//为Jquery 1.3.2版本创建此命名
var jq_1_6=$.noConflict(真);
jQuery(文档).ready(函数($){
$('.forms').dcSlickForms();
});
$(文档).ready(函数()
{
$(“#showcase”).awShowcase(
{
内容和宽度:900,
内容高度:400,
是的,
间隔时间:3000,
连续:假,
箭头:是的,
按钮:是的,
btn_数字:正确,
keybord_keys:没错,
捕鼠器:false,/*跟踪鼠标的x和y坐标*/
pauseonover:没错,
stoponclick:false,
过渡:“淡入淡出”,/*hslide/vslide/fade*/
转换延迟:0,
转换速度:500,
显示标题:“onload”/*onload/onhover/show*/
});
});
装载轨道。。。
需要更新
要播放媒体,您需要将浏览器更新为最新版本,或更新浏览器。
jQuery(文档).ready(函数(){
jQuery(“#jqueryjplayer_1”).jplayer({
就绪:函数(){
jQuery(this).jPlayer(“setMedia”{
mp3:“http://209.172.54.130:9025/;流/1“
});
},
swfPath:“http://www.websavershosting.ca/jplayer/Jplayer.swf",
提供:“mp3”,
解决方案:navigator.userAgent.indexOf(“Trident/6”)>-1?“flash”:“html,flash”
});
});
您两次使用jQuery文件导致问题
尝试删除最后一个:
<script type="text/javascript" src="style/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="style/js/jquery.aw-showcase.js"></script>
<script type="text/javascript" src="style/js/jquery.superbgimage.min.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
对于1.6.2版,
$
。您使用jQuery文件两次,导致了问题
尝试删除最后一个:
<script type="text/javascript" src="style/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="style/js/jquery.aw-showcase.js"></script>
<script type="text/javascript" src="style/js/jquery.superbgimage.min.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
而
$
用于1.6.2版。请尝试以下操作:
<script src="../jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var first= $.noConflict(true);
</script>
<!-- load jQuery 1.4.2 -->
<script type="text/javascript" src="../jquery-1.2.2.js"></script>
<script type="text/javascript">
var second= $.noConflict(true);
</script>
如果您有更多jquery脚本:
<script src="../jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var first= $.noConflict(true);
</script>
<!-- load jQuery 1.4.2 -->
<script type="text/javascript" src="../jquery-1.2.2.js"></script>
<script type="text/javascript">
var second= $.noConflict(true);
</script>
var first=$.noConflict(true);
var second=$.noConflict(true);
试试这个:
<script src="../jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var first= $.noConflict(true);
</script>
<!-- load jQuery 1.4.2 -->
<script type="text/javascript" src="../jquery-1.2.2.js"></script>
<script type="text/javascript">
var second= $.noConflict(true);
</script>
如果您有更多jquery脚本:
<script src="../jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var first= $.noConflict(true);
</script>
<!-- load jQuery 1.4.2 -->
<script type="text/javascript" src="../jquery-1.2.2.js"></script>
<script type="text/javascript">
var second= $.noConflict(true);
</script>
var first=$.noConflict(true);
var second=$.noConflict(true);