jquery tooltip插件 怎么固定弹出的content

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>tooltip demo</title>
  <link rel="stylesheet" href="./jquery-ui.min.css">
  <script src="./jquery.js"></script>
  <script src="./jquery-ui.min.js"></script>
</head>
<body>
 
<p style="margin-top: 50vh;" id="par">
  <a href="#" title="Anchor description">Anchor text</a>
  <input title="" class="input">
</p>
<script>
  $('.input').tooltip({
  position: { my: "top-50", at: "center" , of:"#par"},
  content:    "<div style='width:400px;height:250px'><p>About us..<p><br><h1>123</h1> </div>",
  show: { effect: "blind", duration: 800 }
});
</script>
 
</body>
</html>

我想当鼠标悬停在弹出的content的时候,这个content不消失,请问怎么设置。。。

阅读 2.8k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进