javascript - 如何通过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

你可以尝试改变这个：

$(".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;
});

Answer 2

you can use this.It will work for both events.

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

Answer 3

为什么不只是：

 <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 4

使用悬停功能。

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