Javascript jquery创建一个不会消失的工具提示
我期待建立一个工具提示,允许用户点击该工具提示内的链接,让他们能够导航到网站的各个部分。我的问题是,当我用鼠标离开Javascript jquery创建一个不会消失的工具提示,javascript,jquery,css,ajax,Javascript,Jquery,Css,Ajax,我期待建立一个工具提示,允许用户点击该工具提示内的链接,让他们能够导航到网站的各个部分。我的问题是,当我用鼠标离开a时,工具提示消失了?我想让工具提示消失如果我更改为新的a或单击工具提示上的关闭,我的jquery当前如下所示 $(document).ready(function() { /* * Rollover jobwall logo and show job tooltip */ $('ul#jobs li a').mouseenter(f
a
时,工具提示消失了?我想让工具提示消失如果我更改为新的a
或单击工具提示上的关闭,我的jquery当前如下所示
$(document).ready(function() {
/*
* Rollover jobwall logo and show job tooltip
*/
$('ul#jobs li a').mouseenter(function(){
var $this = $(this);
$this.addClass('active');
$.ajax({
type: 'POST',
url: '/jobwall/job_tooltip',
data: 'employer_id='+$(this).attr('rel'),
success:function(html) {
//alert($this);
$this.tooltip({ effect: 'slide'});
}
});
}).mouseleave(function(){
$(this).removeClass
$('#tooltip').remove();
});
});
如何使工具提示显示在鼠标输入的a
按钮上,只有当用户通过单击关闭按钮或移动到新的a
来关闭按钮时,工具提示才会消失,从而允许用户实际输入工具提示而不消失。我将查看而不是和
在鼠标离开事件中,需要检查鼠标是否位于工具提示中。如果没有,您可以关闭它 我会看而不是看和
在鼠标离开事件中,需要检查鼠标是否位于工具提示中。如果没有,您可以关闭它 移动$(“#工具提示”).remove()代码>到mouseenter函数的顶部应该可以实现这个技巧。这不会在鼠标离开时删除工具提示,如果输入新的a
时存在工具提示,则会将其删除。
这假设1)您已经有一个close函数,2)append(html)代码>创建工具提示
正如Chris所评论的,这可能会让用户感到沮丧。移动$(“#工具提示”).remove()代码>到mouseenter函数的顶部应该可以实现这个技巧。这不会在鼠标离开时删除工具提示,如果输入新的a
时存在工具提示,则会将其删除。
这假设1)您已经有一个close函数,2)append(html)代码>创建工具提示
正如Chris所评论的,这可能会让用户感到沮丧。您希望工具提示保持焦点,除非用户将焦点放在锚或工具提示本身上。不要给我停留在页面上方的工具提示,让我执行一个动作离开。如果我在滚动时不小心将鼠标悬停在某个东西上,当它停留在页面上时,我会很生气。这是公平的评论,但在我更改鼠标悬停在上面的a之前,我如何保持它的焦点?也许找到工具提示扩展比编写代码更容易。(即:)@Detect我使用了你的解决方案,但有点麻烦,工具提示没有显示,这是因为我通过ajax填充了工具提示吗?请查看我编辑的javascript。您希望工具提示保持焦点,除非用户将焦点放在锚或工具提示本身上。不要给我停留在页面上方的工具提示,让我执行一个动作离开。如果我在滚动时不小心将鼠标悬停在某个东西上,当它停留在页面上时,我会很生气。这是公平的评论,但在我更改鼠标悬停在上面的a之前,我如何保持它的焦点?也许找到工具提示扩展比编写代码更容易。(即:)@Detect我使用了你的解决方案,但有点麻烦,工具提示没有显示,这是因为我通过ajax填充了工具提示吗?请查看我编辑的javascript。