Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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 为什么';qTip工具提示保持打开状态,以便我可以单击链接?_Javascript_Jquery_Jquery Plugins_Qtip - Fatal编程技术网

Javascript 为什么';qTip工具提示保持打开状态,以便我可以单击链接?

Javascript 为什么';qTip工具提示保持打开状态,以便我可以单击链接?,javascript,jquery,jquery-plugins,qtip,Javascript,Jquery,Jquery Plugins,Qtip,这是我在JSFIDLE中的一个例子,将鼠标悬停在明尼苏达州上空,查看qtip弹出窗口。我正在使用jquery插件,我一直坚持让qtip停留足够长的时间,以便有人点击工具提示上的链接。我在scenerios上尝试了各种方法,使它保持开放。阅读这本书似乎很容易做到,但我尝试了这些,没有运气。我试过这些 hide: { when: 'mouseout', fixed: true } 及 还有许多其他的,没有任何东西可以保持工具提示,用户可以点击链接。令人恼火的是书页上的内容。如果你点击任何一个示例链

这是我在JSFIDLE中的一个例子,将鼠标悬停在明尼苏达州上空,查看qtip弹出窗口。我正在使用jquery插件,我一直坚持让qtip停留足够长的时间,以便有人点击工具提示上的链接。我在scenerios上尝试了各种方法,使它保持开放。阅读这本书似乎很容易做到,但我尝试了这些,没有运气。我试过这些

hide: { when: 'mouseout', fixed: true }

还有许多其他的,没有任何东西可以保持工具提示,用户可以点击链接。令人恼火的是书页上的内容。如果你点击任何一个示例链接,他们正在做我想做的事情,我去了源代码,如果他们似乎正在使用

  hide: 'unfocus',


但是我两个都试过了,工具提示不会一直打开。我遗漏了什么吗?

由于您的提示位置似乎偏右了一些,请尝试以下操作:

  $(this).qtip(
  {
      hide:{ //moved hide to here,
        delay:500, //give a small delay to allow the user to mouse over it.
        fixed:true
      },
     content: $("." + test).html(),
     style: {
        name: 'dark',
         style: {
            border: 1,
            cursor: 'pointer',
            padding: '5px 8px',
            name: 'blue'
         },
        border: {}, 
        tip: true // Apply a tip at the default tooltip corner
     }
  });

已更新。

您的代码中有两种样式,而且都不可靠。这是你的代码,正在工作

     hide: {
        fixed: true,
        delay: 240
     },
  $(this).qtip(
  {
      hide:{ //moved hide to here,
        delay:500, //give a small delay to allow the user to mouse over it.
        fixed:true
      },
     content: $("." + test).html(),
     style: {
        name: 'dark',
         style: {
            border: 1,
            cursor: 'pointer',
            padding: '5px 8px',
            name: 'blue'
         },
        border: {}, 
        tip: true // Apply a tip at the default tooltip corner
     }
  });