首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery脚本冲突

jQuery脚本冲突
EN

Stack Overflow用户
提问于 2014-02-20 09:07:47
回答 1查看 114关注 0票数 0

我试图在我的网站上实现两个不同的、简单的jquery代码:

  1. CookieCutter
  2. jQuery动画功能

在我在代码中添加了炊具之后,.animate就停止工作了。

我是一个jquery初学者,因此,任何建议都将受到高度赞赏!

下面是cookiecuttr代码(外部文件)

代码语言:javascript
运行
复制
$.noConflict();
jQuery(document).ready(function () {
jQuery.cookieCuttr( 
{
cookieAnalytics: true,  
cookieAnalyticsMessage: 'cookiecuttr message' />',
cookieWhatAreTheyLink: 'cookies.htm',
cookieNotificationLocationBottom: true
}
);
});

和停止工作的.animate (在html中):

代码语言:javascript
运行
复制
<script type="text/javascript">
$(function(){
$("#phone_trigger").click(function () {
$("div#cta_nav").animate({
width: 'toggle'
});;
});
});
</script>

有什么建议吗?)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-20 09:09:12

由于您已经调用了noConflict(),所以$不再引用jQuery,所以使用jQuery来引用jQuery。

在dom准备处理程序中,您将接收jQuery实例作为第一个参数,您可以在dom准备处理程序中将它命名为$,这样您就不必每次都使用较长的jQuery表单。

代码语言:javascript
运行
复制
jQuery(function ($) {
    $("#phone_trigger").click(function () {
        $("div#cta_nav").animate({
            width: 'toggle'
        });
    });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21902983

复制
相关文章

相似问题

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