点击事件不在jquery中的div上工作

Ash*_*hra 9 jquery javascript-events

我正在使用以下代码

<div class="business-bottom-content" onMouseOver="javascript:this.className='business-bottom-    content-hover';"  onMouseOut="javascript:this.className='business-bottom-content';"> 
Run Code Online (Sandbox Code Playgroud)

jquery脚本如下

 $("div.business-bottom-content").click(
 function()
  {
   alert('ashutosh mishra');
  });
Run Code Online (Sandbox Code Playgroud)

Thi*_*ter 25

您可能在脚本执行后定义了div.

将其包装$(document).ready(function() { .... });以确保在完整DOM可用后执行.

另外你应该摆脱那些丑陋的内联事件(如果你甚至需要它们 - 你可以:hover在CSS中使用):

$('div.business-bottom-content').hover(function() {
    $(this).addClass('business-bottom-content-hover');
}, function() {
    $(this).removeClass('business-bottom-content-hover');
});
Run Code Online (Sandbox Code Playgroud)