首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery不起作用,要删除什么

jQuery不起作用,要删除什么
EN

Stack Overflow用户
提问于 2013-11-28 02:45:33
回答 4查看 507关注 0票数 0

我有两个不同的jQuerys,一个是为滑块,另一个是一个动画菜单。我试着一个一个地移除jQuery,但是它不起作用。这是密码。

代码语言:javascript
代码运行次数:0
运行
复制
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css">


<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>

<script type="text/javascript"> 

$(document).ready(function() {  
    $('a.link').click(function () {  
        $('#wrapper').scrollTo($(this).attr('href'), 800);
        setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px' , '1600px')
        setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px' , '3200px')
        //add this
        $('a.link').removeClass('selected');  
        $(this).addClass('selected');
        //end add this
        return false;  
    });  
});

function setPosition(check, div, p1, p2, p3) 
{
    if(check==='#box1')
        {
            $(div).scrollTo(p1, 800);
        }
    else if(check==='#box2')
        {
            $(div).scrollTo(p2, 800);
        }
    else if(check==='#box3')
        {
            $(div).scrollTo(p3, 800);
        }
};
</script>
代码语言:javascript
代码运行次数:0
运行
复制
<script src="js/modernizr.custom.js"></script>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.dlmenu.js"></script>
<script>
    $(function() {
        $( '#dl-menu' ).dlmenu({
            animationClasses : { classin : 'dl-animate-in-5', classout : 'dl-animate-out-5' }
        });
    });
</script>

我试着寻找答案,删除其中一个jQuery不起作用。我真的不知道如何操作这些代码,因为我对jQuery有一点了解。有人能帮忙吗?谢谢!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-11-28 02:59:28

不能将2个jquery合并在一个页面中。因为代码会告诉我们jquery需要调用的是jquery-1.3.2.min.js还是jquery.min.js。解决方案要么您删除其中一个,要么使用最新的一个,并将其放在所有代码之上,以便可以调用它。

票数 1
EN

Stack Overflow用户

发布于 2013-11-28 03:06:42

您在同一个页面中使用的是不同的jquery版本,所以这是冲突。让我们尝试使用其中之一,并继续使用更晚的版本。

票数 0
EN

Stack Overflow用户

发布于 2013-11-28 03:12:15

您的代码没有运行,因为这是一个冲突。

在这种情况下,您要做的第一件事是浏览jQuery API文档并阅读有关jQuery.noConflict()的内容。

这是文档中的一个很好的例子:

代码语言:javascript
代码运行次数:0
运行
复制
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.noConflict demo</title>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<div id="log">
  <h3>Before $.noConflict(true)</h3>
</div>
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>

<script>
var $log = $( "#log" );

$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );

// Restore globally scoped jQuery variables to the first version loaded
// (the newer version)

jq162 = jQuery.noConflict( true );

$log.append( "<h3>After $.noConflict(true)</h3>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
</script>

</body>
</html>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20256812

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档