如何在文档准备就绪时调用jQuery函数?

Question

一旦加载HTML并准备好文档，就尝试做某事。但是，代码似乎不起作用。

.HTML：

<div class="dataprocess"></div>

.JS：

$(document).ready(function(){
if( $('div').hasClass('dataprocess') ) {
console.log('working');
}
});

无法在主机上获取working。我做错了什么？

Answer 1

在您的代码段中，您缺少$(document).ready()函数的右括号。

$(document).ready(function(){
if($('div').hasClass('dataprocess')){
console.log('working');
}
});

这是代码中唯一可见的问题。

还有一些你可能忘记了的其他事情：

• 包括 JavaScript 文件
• 包括 jQuery 依赖项

Answer 2

我认为最好的选择是使用 id 来调用元素：

<div id="data_id" class="dataprocess"></div>

然后是 JS

$(document).ready(function(){
if($( "#data_id" ).hasClass( "dataprocess" )){
console.log("working");
}
});