jquery有时不起作用

Question

所以我遇到了这个问题我在我的HTML中有一个带有2个按钮的div

<div id="carosel">
 <button  class="navigation" id="nav-left">&lt;</button>
 <button class="navigation" id="nav-right">&gt;</button>
</div>

在我的jQuery代码中，我有这个功能

$("nav-left").hover(function() {
 alert('something');
});

当我从控制台尝试时，它有时会起作用。我已正确引用标题中的javascript文件。

Answer 1

问题很简单，你忘记了＃34;＃＆＃34;在开始选择器时，你应该尝试运行以下

   $("#nav-left").hover(function() {
 alert('something');
});

Answer 2

两个问题：

首先，你的选择器应该是＃nav-left。 jQuery使用css选择器，因此您需要使用＃来引用ID为nav-left的元素。 （如果你的元素有一个nav-left类而不是id，你会使用.nav-left）

其次，当您从控制台移动到您自己的文件（或内联脚本）时，您需要将JavaScript包装在

中

$(document).on('ready', function (){
 <Your code here> 
})

这将确保您在尝试使用jQuery操作它之前实际渲染DOM。