Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery创建一个不会消失的工具提示_Javascript_Jquery_Css_Ajax - Fatal编程技术网

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。