我正在開發一個非常大的項目,並且設法讓大多數所有瀏覽器(MS Edge除外)都能正常工作。沒有supprise那裏,但我真的需要這個懸停效果的工作。懸停事件在Edge中觸發一次,然後完全停止工作。另外,它甚至不會調用我設置的功能。我已經淡化了基本功能和相關代碼,進行了演示並將其包含在此處以及在此處設置jsfiddle:https://jsfiddle.net/8cqw60Le/4/。差點忘了,我正在運行Windows 10完全更新,代碼運行Jquery 3.2.0,它設置在「onDomready」上,儘管沒有其他我嘗試過的工作。請幫忙。我很難過。懸停事件在MS Edge中沒有正確觸發
HTML:
<div id="hover_test_div" style="width:300px; height:300px; background:rgba(0,0,0,0.3);">Hover over this.</div>
JQuery的:
$("#hover_test_div").hover(function() {
alert ("Over");
trigger_function();
}, function() {
alert ("Out");
trigger_function();
});
function trigger_function() {
alert ("Event triggered.")
}
我已經調查並試圖提出的建議,仍然不封邊工作。這是我在jsfiddle中嘗試的。
$("#hover_test_div").on("mouseover mouseout", function() {
alert($(this).text());
});
它在一切都很好,但它只觸發一次,然後什麼都沒有。這是新的JSFiddle。 https://jsfiddle.net/8cqw60Le/8/
懸停方法被刪除 - 並且在Edge發佈之前被刪除。 這不奇怪,它不工作。使用.on方法來確保與邊緣的兼容性。 更多信息:http://api.jquery.com/on/#additional-notes – Korgrue
感謝您的快速回復。我閱讀了該方法,並嘗試了您的建議,並且採用相同的方式進行反應。我使用最新的調整編輯了帖子。 –