如何更改點擊鼠標懸停或通過jquery懸停？

Question

我想在鼠標懸停或懸停上顯示日期，現在它是onclick，我已經使用工具提示來顯示數據，但我想在鼠標懸停上顯示數據，我嘗試了很多但沒有成功？任何機構都可以提供幫助，敬請期待。

這是我的代碼，它想克隆到mouseiver/hover。

<script> 
$(".ajax_link").click(function(e) { 

e.preventDefault(); //Stops link from changing the page 

var link = $(this).attr('href'); //Gets link url 

$.ajax({ //Make the ajax request 
    url: link, 
    cache: false 
}).done(function(html) { //On complete run tooltip code 

    //Display tooltip code goes here, returned text is variable html 
    .done(function(html) { 
     alert("text: " + html); 
    }); 
}); 
}); 
</script> 

Answer 1

爲什麼不乾脆：

<script> 
$(".ajax_link").mouseover(function(e) { 

e.preventDefault(); //Stops link from changing the page 

var link = $(this).attr('href'); //Gets link url 

$.ajax({ //Make the ajax request 
    url: link, 
    cache: false 
}).done(function(html) { //On complete run tooltip code 

//Display tooltip code goes here, returned text is variable html 
.done(function(html) { 
    alert("text: " + html); 
}); 
}); 
}); 
</script> 

？有沒有理由不能使用.mouseover？

Answer 2

使用hover函數。

$('id').hover(function() { 
    /* code for mouseover */ 
}, function() { 
/* code for mouseout */ 
}); 

Answer 3

你可以使用this.It將適用於這兩個事件。

$('#element').on('hover mouseover', function() { 
     ... 
    }); 

Answer 4

你可以嘗試改變這個：

$(".ajax_link").click(function(e) { 

這樣：

$(document).on('hover mouseover mouseenter', ".ajax_link", function(e) { 
    //e.preventDefault(); //<-------you can take this out no need for this 

，如果你想停止頁面的跳轉，那麼你可以這樣做：

$(".ajax_link").click(function(e) { 
    e.preventDefault(); // or return false; 
});