为什么我的jquery代码不能在我的项目中工作?
Why doesn't my jquery code work in my project?
我的jquery代码:
jQuery(Document).ready(function(){
$('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});
但是它在我的项目中不起作用。为什么我的jQuery代码不能在我的项目工作?
Document
应该是document
- javascript区分大小写:
jQuery(document).ready(function() {
$('#navigation > .first-column > ul > li > a').css("border", "3px double red");
});
作为一般规则,当您发现javascript代码不工作时要做的第一件事是检查控制台是否有错误。这将给你一个想法,你应该在你的代码的哪里看
Document
应该是document
在你的代码,否则它会给出错误,如果你检查控制台
大家都说:Document
应该是document
,但你也引用了jQuery和$。当你在代码中引用$时,你也可以在外部引用它:)
最好使用较短的文档加载事件语法:
$(function(){
$('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});
或
jQuery(function(){
jQuery('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});
你可能想要做的是这个版本(显式地传递$来作用域):
jQuery(function($){
$('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});
相关文章:
- 我的shareService在angular 2中发送值工作正常,但当我渲染我的另一个组件时,会获得默认值
- 我的django模板布尔变量是't在javascript中按预期工作
- 为什么不是'我的JS滑块正在工作
- 为什么不是'我的函数在解析云代码中工作吗?当我在Angular和Express中测试时,它是有效的
- 为什么jquery悬停在jsfiddle中可以工作,而在我的html布局中却不能
- 为什么这个jQuery可以作为一个小提琴工作,但在我的网页上没有
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 由于某种原因,我的JavaScript函数无法工作
- 为什么获胜'我的自定义功能工作
- 我需要一个jQuery函数来只工作在700px以上的屏幕大小,无法在我的代码中发现错误
- 我的动画没有按预期工作
- 为什么不是't我的“;虚拟的“;阵列工作
- 为什么动态加载的事件在我的代码中不能正常工作
- 什么能抵消我的工作压力
- jQuery.append'我不能胜任我的工作
- 任何人都可以指出我的工作代码或完整的概念图,用于 Angular2 中的 ViewMetadata
- ' Array.from({length: 5}, (v, i) =>我)的工作
- React WebPack -发送我的工作到在线服务器
- 纯Ajax发送其他变量与我的工作文件上传
- 在我的工作场所使用WebDriver无法打开Firefox,无法在PATH中找到Firefox二进制文件