2011-12-04 22 views
0

错误鉴于文件(的index.php)jQuery的不Jquery的</p> <p>定义错误

<script type="text/javascript" src="crosscut.js" ></script> 
<script src="jquery-ui.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="mod-min.js" ></script> 
<script type="text/javascript" src="jquery-min.js" ></script> 

在JavaScript文件中的脚本

$(document).ready(function() { 
    $('#crossline').css('background-color','blue'); 
}); 

button = function() { 
    // other code 
} 

我已经包括的jquery-min.js并在页面加载时加载。 jquery-min.js通过萤火虫检查时加载的所有代码。

如果文件可能已损坏,所以我尝试了“http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”的活动路径仍然无法正常工作。

如果调用javascript函数使用jquery工作正常,如果ready函数没有设置。

+0

是否还有其他jQuery文件加载?可能有冲突 – c0deNinja

+2

你确定你在上面的代码之前包含了jquery lib *吗? –

+0

jQuery UI也包含在内; var jq = $ .noConflict(); ('#crossline')。css('background-color','blue'); }); $未定义错误 –

回答

11

你不能提供很多信息,但你有一个问题是,你加载jQueryUI之前加载jQuery

任何其他依赖jQuery的文件必须在之后加载jQuery。

<!-- this one first! --> 
<script type="text/javascript" src="jquery-min.js" ></script> 

<script type="text/javascript" src="crosscut.js" ></script> 
<script src="jquery-ui.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="mod-min.js" ></script> 
+0

好东西似乎总是来自你+1 :) –

+0

谢谢你,你是对的。 –

+0

太好了@亚当。 ;) – RightSaidFred

-1

如果你正在使用的jquery.js负荷的jquery.js第一,然后其他JS 顺序也很重要。

<script src="js/jQuery.js" type="text/javascript"></script>  
    <script src="js/jQuery.alert.js" type="text/javascript"></script> 
    <script src="js/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" src="js/CustomerSummary.js"></script> 
    <link rel="stylesheet" href="css/style.css" type="text/css"></link> 
    <link rel="stylesheet" href="css/style_new.css" type="text/css"></link> 
+0

感谢您的回答@swati。我明白你有什么想说的,但已经在其他答案中给出并接受了。这是不明显的重复的答案。一个问题,为什么你在示例代码中包含两个jQuery版本'js/jQuery.js'和'js/jquery-1.9.1.min.js'?不建议在一个页面中有两个jQuery版本。 –

+0

@justin我需要不同的功能JQuery.js,它适合我。谢谢你的评论。 –