5i66网页游戏平台:同一网页上的多个 javascript/jquery脚本

关于5i66网页游戏平台的问题,在scripts jquery中经常遇到, 我有一个响应式菜单和响应式幻灯片,需要 javascript 和 jquery,但只有一个工作。

我有一个响应式菜单和响应式幻灯片,需要 javascript 和 jquery,但只有一个工作。

<script src="http://ajax.googlea.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
  $(function() {
    $(".rslides").responsiveSlides();
  });
</script>
<script src="http://ajax.googlea.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#menu').slicknav({
        prependTo:"#border-orange"});
});
</script>

第二个工作,但第一个没有。当我切换它们时,第二个工作,但第一个不工作。有没有办法结合代码,使两个脚本工作,或者是“一个或另一个”的情况?

5

您包括 jQuery 两次,只需删除第二个引用,你可以有尽可能多的部分$(document).ready(),只要你想:

<script src="http://ajax.googlea.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
  $(function() {
    $(".rslides").responsiveSlides();
  });
</script>
<script src="js/jquery.slicknav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#menu').slicknav({
        prependTo:"#border-orange"});
});
</script>
2

使用多个版本的 jQuery 是非常罕见的。你确定,这是需要的吗?否则,尝试

<script src="http://ajax.googlea.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script>
$(document).ready(function(){
    $(".rslides").responsiveSlides();
    $('#menu').slicknav({
        prependTo:"#border-orange"});
});
</script>

如果需要使用多个版本的 jQuery,请考虑使用jQuery.noConflict()

2

如果要使用多个版本的 jQuery,请使用noConflict()

<script src="http://ajax.googlea.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
    var $183 = jQuery.noConflict(true);
    $183(function($) {
        $(".rslides").responsiveSlides();
    });
</script>
<script src="http://ajax.googlea.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script type="text/javascript">
    jQuery(function($){
        $('#menu').slicknav({
            prependTo:"#border-orange"});
        });
</script>
1

如果你需要两个版本,那么你可以使用$.noConflict()一个版本:

var jQuery_1.8.3 = $.noConflict(true);

然后,您可以使用jQuery_1.8.3而不是$来处理需要 jQuery1.8.3才能工作的代码。

jQuery_1.8.3 (function() {
    jQuery_1.8.3(".rslides").responsiveSlides();
});

对于其他版本,您可以像往常一样继续使用$

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(167)
台达dvp系列plc编程软件:ArduinoNano33 IoT系列软件
上一篇
英雄联盟更新包md5校验失败:计算文件的 MD5校验和(windows iso hash checker)
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(4条)