mouseover jquery方法不起作用

Question

<div id="ob"><p>1</p></div> 
<div id="ob"><p>2</p></div> 

在我的項目中，我使用php動態地創建了具有相同ID的類似元素。
我的JS是

$(document).ready(function() { 
    $("#ob").mousover(function() { 
     alert("hello"); 
    }); 
}); 

我已經試過.live（ '鼠標懸停'，函數（）{}）也。但沒有結果。什麼是錯誤？爲什麼該功能不起作用？
try this in jsfiddle

Answer 1

有多種問題

1. 的jQuery不包括 - 在提琴手的左側面板中的第一個選擇框中
2. ID必須是唯一的選擇jQuery的版本 - 使用類，而不是
3. 住的是在1.9中刪除，請使用.on（）代替
4. 使用mouseenter和mouseleave而不是mouseover和mouseout

所以

$(document).ready(function() { 

    $("p").click(function() { 
     alert("hello"); 
    }); 


    $(".ob1").on('mouseenter', function() { 
     alert("mouseover"); 
    }).on('mouseleave', function() { 
     alert("mouseout"); 
    }); 
}); 

演示：Fiddle

Answer 2

添加JQuery的庫文件在你的文件，Id必須是唯一的，使用的on()代替live()

試試這個

$(document).ready(function() { 

    $("p").click(function() { 
     alert("hello"); 
    }); 


    $("#ob1").on('mouseover', function() { 
     alert("mouseover"); 
    }) 

    .on('mouseout', function() { 
     alert("mouseout"); 

    }); 

}); 

DEMO