javascript - 如何通过 jquery 将点击更改为鼠标悬停或悬停?

标签 javascript ajax jquery tooltip

我想在鼠标悬停或悬停时显示日期,现在是点击,我已经使用工具提示显示数据但我想在鼠标悬停时显示数据,我尝试了很多但没有成功?任何机构都可以提供帮助,将不胜感激,在此先感谢。

这是我的代码,它想在点击时更改为 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>

最佳答案

你可以尝试改变这个:

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

关于javascript - 如何通过 jquery 将点击更改为鼠标悬停或悬停?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15287430/

相关文章:

javascript - 使用 Jquery 的 Bootstrap 4 动态轮播

javascript - 从其他页面调用 slideDown()

javascript - jQuery .Ajax() 函数选择器,将特定数据存储在变量中

javascript - 使用 Jquery 检测选择列表的更改

javascript - 'this' 关键字如何工作?

javascript - 在 Magento 产品页面上添加动态 JS 代码

javascript - 不传递任何参数时不需要括号

javascript - 用 Ajax 替换 Iframe

JQuery .load() inside div

javascript - 如何确保 clickable 运行而不是 td