【问题标题】:jquery conflict not running two jquery in same pagejquery冲突不在同一页面中运行两个jquery
【发布时间】:2013-06-13 14:11:34
【问题描述】:
<link rel="stylesheet" href="css/form.css" type="text/css" />
<script src="js/enquire-now.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/colorbox.css" type="text/css" />
<link rel='stylesheet' href='css/style.css' />
<link href="css/Arimo.css" rel='stylesheet' type='text/css'>
<link href='css/Driod.css' rel='stylesheet' type='text/css'>
<link href='css/Cabin.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<!-- must have -->
<link href="css/allinone_contentSlider.css" rel="stylesheet" type="text/css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
<script src="js/allinone_contentSlider.js" type="text/javascript"></script>
<!--[if IE]><script src="js/excanvas.compiled.js" type="text/javascript"></script><![endif]-->
<!-- must have -->
<script src="js/mysubmenu.js" type="text/javascript"></script>
<script src="js/floating-1.12.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#contact-toggle").click(function() {
            $("#panel").slideToggle("slow");
            $(this).toggleClass("contact-active");
            return false;
        });
    });
</script>

<script>
    jQuery(function() {
        jQuery('#allinone_contentSlider_common').allinone_contentSlider({
            skin: 'common',
            width: $(window).width() - 35,
            height: 1000,
            autoHideBottomNav: false,
            showPreviewThumbs: false,
            autoHideNavArrows: false,
            thumbsWrapperMarginBottom: -50
        });
    });
</script>

我正在使用此代码,上面的代码用于登录链接,我得到了一个赞 lightbox 一个用于登录的弹出窗口,下面的代码用于旋转滑块旋转器 正在工作,但登录链接不起作用我有另一个页面,我没有 滑块,我为我的登录链接使用相同的代码,它在该页面上工作,所以我 认为这是一个冲突问题,所以请给我一些解决此问题的建议

【问题讨论】:

  • 检查您的开发人员工具 > 控制台选项卡是否有任何错误??
  • @Naveen Kumar 更改您的 jquery 序列并尝试
  • 我试过了,但还是不行
  • 你检查过你的控制台吗???
  • 删除 jquery.min.js 并添加 jquery.js

标签: jquery html css


【解决方案1】:

使用.noConflict()

<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>

【讨论】:

  • OP 正在加载单个 jquery 脚本......jquery.min.js(在他的代码中)所以我认为根本不存在这个冲突问题......
  • hii 当我将此代码用于 noConflict 时,我的整个页面都隐藏了,我不知道如何但它不起作用
猜你喜欢
  • 2012-11-24
  • 1970-01-01
  • 2013-07-31
  • 1970-01-01
  • 2013-04-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多