событие клика не работает на div в jquery

Question

Я использую код ниже

<div class="business-bottom-content" onMouseOver="javascript:this.className='business-bottom-    content-hover';"  onMouseOut="javascript:this.className='business-bottom-content';"> 

скрипт jquery выглядит следующим образом

 $("div.business-bottom-content").click(
 function()
  {
   alert('ashutosh mishra');
  });

Answer 1

Вы, вероятно, определяете 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');
});

Answer 2

Вы можете попробовать это, так как для класса div нужно упомянуть "."

 $(".business-bottom-content").click(
 function()
 {
      alert('ashutosh mishra');
 });