javascript - Jquery 冲突,一个脚本无法与另一个脚本一起使用

标签 javascript jquery lavalamp

我有菜单的 jquery 脚本和画廊的其他脚本,如何使它们都能工作?下面是我的代码

我在 li 元素上也遇到了一些扩展框问题,对此的解释是:

任何不适合固定宽度或固定高度框的内容都会导致框扩展以适合内容,而不是让内容溢出。

影响:Internet Explorer 6.0 可能性:可能

还有双 float 边距错误:

当对与 float 方向同侧的 float 框应用边距时,边距将加倍。此错误仅影响一个或多个浮点行中的第一个浮点。

影响:Internet Explorer 6.0 可能性:非常有可能

非常紧急,请帮忙!

菜单栏脚本

    <script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/jquery.easing.min.js"></script>
<script type="text/javascript" src="../../js/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="../../js/image_fade.js"></script>
<script type="text/javascript">
    $(function() {
      $("#lava_menu").lavaLamp({
        fx: "backout",
        speed: 700
      });
    });
</script>

画廊脚本

 <script type="text/javascript"src="../../hisasann-jStack/js/jquery.js"></script>
         <script type="text/javascript" src="../../hisasann-jStack/js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="../../hisasann-jStack/js/jStack.js"></script>

        <!-- syntax -->
        <link rel="stylesheet" href="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" type="text/css" />  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shCore.js"></script>  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushCss.js"></script>  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushPhp.js"></script>  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script>  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushCss.js"></script>  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushJava.js"></script>  
        <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushRuby.js"></script>  
        <script type="text/javascript" charset="utf-8">
            $(function() {
                dp.SyntaxHighlighter.ClipboardSwf = 'http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/clipboard.swf';
                dp.SyntaxHighlighter.HighlightAll('code');

                // fadeInOut
                $("#logo").fadeOut().fadeIn();

                // smooth scroller
                $("a[href^=#]").click(function() {
                    var hash = this.hash;
                    if(!hash || hash == "#")
                        return false;
                    $($.browser.safari ? 'body' : 'html')
                        .animate({scrollTop: $(hash).offset().top}, 1500, "easeInOutBounce");
                    return false;
                });
            });

            var options = {
                isClickAnimation: true,
                isPositionRandom: true,
                durationOut: 300,
                durationIn: 200,
                easingOut: "easeInOutBack",
                easingIn: "easeOutBounce",
                moveLeft: 250,
                moveTop: 150,
                opacityOut: 0.6,
                opacityIn: 1,
                delay: 10,
                direction: "next",
                callback: function() {}
            };

            $(window).bind("load", function() {
                // jStack
                var jstack = $("#imageBox").jStack(options);
                $("#next").click(function() {
                    jstack.next();
                });

                $("#prev").click(function() {
                    jstack.prev();
                });
                $("#shuffle").click(function() {
                    jstack.shuffle();
                });
            });

        </script>

最佳答案

<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript"src="../../hisasann-jStack/js/jquery.js"></script>

如果我没有记错的话,这两个都是jquery库?,如果它们在同一页面上加载,它们可能会相互冲突,这个问题发生在我身上,我所做的是删除其中一个库,

关于javascript - Jquery 冲突,一个脚本无法与另一个脚本一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15035121/

相关文章:

jquery lavalamp 和自动滚动缓和问题(冲突)

javascript - 下拉菜单未固定在字段下方

javascript - 从 ExtJS 6.6 href 链接运行 Controller 功能

jquery - 如何在 browserify 中使用 jquery 插件?

javascript - 初始调用时可以提取innerHTML 的子字符串吗?

jquery - 菜单动画和悬停状态 - 简单的 jQuery 解决方案(Lava Lamp 菜单想法)

javascript - jQuery 的隐式循环变为 "both ways"?

javascript - 数字串不能以零开头。其他解决方案?

javascript - 借助图表外的按钮,如何将 Highchart 图表导出为 PDF?