jquery 冲突不在同一页面中运行两个 jquery

标签 jquery html css

<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 一个用于登录的弹出窗口,下面的代码用于旋转 slider the rotator 正在工作,但登录链接不工作我有另一个我没有的页面 slider 和我对我的登录链接及其在该页面上的工作使用相同的代码所以我 认为这是一个冲突问题,所以请给我一些解决这个问题的建议

最佳答案

使用.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>

关于jquery 冲突不在同一页面中运行两个 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17079903/

相关文章:

javascript - 如何在 jQuery 或 JS 中使用 Laravel URL::asset

javascript - 在应用了所有 css 的 HTML 中打印一个 div

html - 在可用高度内垂直居中文本

Asp.Net Masterpage - 居中全高 Div 问题

html - 带 float 的动态 1 或 2 列布局

jquery - $().ajaxStart 未触发

当 <td> 单元格中的文本发生更改时,jQuery 事件监听器?

jquery - 如何在 jQuery 中为 getJSON 设置缓存 false?

javascript - 在初始化代码的位置创建自定义元素

javascript - 使用 CSS 和 Javascript 的响应式菜单栏