如何在点击时显示工具提示

2024-01-03

我正在尝试使用qtip2 http://craigsworks.com/projects/qtip2/。我的问题是我只想在用户单击时才显示工具提示href里面有指定的html。所以我尝试这个:

function help(){
    var link = document.getElementById('helps');
    if(link.innerHTML=="Open"){
        $('#helps').qtip({
           content: {
              text: 'I get shown on click'
           },
           show: {
              event: 'click'
           }
        });
    link.innerHTML = "Close";
    }else{
        link.innerHTML="Open";
    }
}
<a href="javascript:help()" id="helps">Open</a>

我的问题是,当我点击时,文本变成Close但工具提示不显示。当我再次单击时,文本变为Open我看到工具提示。我能做些什么?


您应该初始化qtip之前onclick处理程序。

$('#helps').qtip({
  content: {
    text: 'I get shown on click'
  },
  show: {
    event: 'click'
  }
});

function help() {
  var link = document.getElementById('helps');
  if (link.innerHTML == "Open") {
    link.innerHTML = "Close";
  } else {
    link.innerHTML = "Open";
  }
} 

< a href = "javascript:help()" id = "helps" > Open < /a>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在点击时显示工具提示 的相关文章

  • 当 div 移动以填充其他淡出的 div 留下的空白空间时,如何为它们设置动画

    我有一组div 每个div对应一组类别 当我单击过滤器时 这将更改 div 的类 并根据这些类别使它们可见或隐藏 我控制 div 淡入 淡出的方式 它们做得缓慢而漂亮 但每次 div 消失时 保持不变的 div 会突然移动以填充隐藏的 di
  • 如何将毫秒转换为可读的日期?

    下列 new Date 1324339200000 toUTCString Outputs Tue 20 Dec 2011 00 00 00 GMT 我需要它返回Dec 20 除了我可以使用的更好的方法之外toUTCString 我正在寻找
  • 节省页面加载时间的提示[重复]

    这个问题在这里已经有答案了 我的问题 削减那些不必要的 kb 并使页面加载速度更快的最佳方法是什么 全部是什么优化实践 编码实践 在js php中 如果执行可以使您的页面更轻 为什么我问这个 我读了这篇关于 jquery js 与 jque
  • 用于验证网络路径的正则表达式 PHP、jQuery、JavaScript、Ruby

    尝试找出用于验证网络路径的正则表达式 即 comp xyz or comp or comp x y z storage或者所有部分都更长的东西 但希望能够传达其要点 我目前拥有的是一个简单的输入字段 用户可以通过它传递信息 事情是我不希望他
  • Boolean("false") 返回 true..还有其他选择吗?

    我正在使用 jquery 将 true 和 false 字符串写入 data html 属性 但是 当我将 false 写入其中一个属性 然后检查它是否为 false 时 它 会返回 true 我还在网上读到它应该这样做 这真的毫无意义 有
  • asp.net mvc jquery 下拉验证

    我如何使用不显眼的 javascript 验证下拉列表 作为所需验证器的验证文本框 但它不适用于下拉列表 需要更改不显眼的 js 文件吗 或者还有其他选项来验证下拉列表吗 我想在我的 javascript 中检查 form validate
  • 来自 ajax 的 Bootstrap 表 json

    我有 ajax 和 bootstrap 表的问题 我有一个 ajax JSON 我用这个方法调用 document ready function ajax url php process php method fetchdata dataT
  • 选择更新后不起作用

    我有一个选择的下拉菜单 我更改了选项内容并调用触发器选择 更新但选择不重建下拉列表 这是我更新的
  • JQuery 颜色盒

    如何在没有事件绑定的情况下在页面加载时显示 Colorbox 更简单地说 我希望 Colorbox 在页面加载时立即加载 这是我目前正在使用的 Colorboxhttp colorpowered com colorbox http colo
  • 传递表 ID 时循环遍历

    我有四个 HTML 表 必须将一个表中的数据与用户选择的表中的数据进行比较 我将用户选择的表 ID 传递到此函数中 但我不知道如何循环此表的行 function callme code var tableName table code al
  • jqgrid inlineNav add - 在添加的行上显示保存图标

    我正在使用 jqgrid 的 inlineNav 选项向工具栏添加 添加 选项 我还使用操作格式化程序进行编辑和删除 当我添加新行时 新添加的行有一个编辑图标和一个取消图标 而保存图标位于添加旁边的工具栏上 有没有办法指定新添加的行具有保存
  • jquery comet 长轮询和流媒体教程? [复制]

    这个问题在这里已经有答案了 可能的重复 彗星和 jQuery https stackoverflow com questions 136012 comet and jquery 我厌倦了找不到关于 jquery 长轮询 流彗星技术的好的教程
  • 调用 jQuery 超大插件 onclick

    我正在尝试调用超大插件 http buildinternet com 2009 02 supersized full screen backgroundslideshow jquery plugin http buildinternet c
  • 启用scrollX 时标题列与DataTable 不对齐

    我遇到了这个插件反复出现的问题 启用scrollX选项时 标题列未对齐 我尝试了在 stackoverflow 上阅读的许多解决方案 但没有成功 可能是插件版本的问题 但是 这是我的数据表设置 var oTable table dataTa
  • 嵌套列表、jquery 和 stopPropagation

    我遇到了嵌套菜单未按照我预期的方式运行的问题 我已经在 StackOverflow 上查看了一堆有关 stopPropagation 的内容 但它似乎不起作用 不幸的是 该网站是基于 WordPress 的 因此我无法直接控制网站上菜单生成
  • jquery数据表跨页行数

    我正在为我的 HTML 表使用 jQuery DataTables 插件 有没有办法跨页获取我的表格中的行数的行数 例如 如果我有70我的表中的行 比方说50其中显示在第一页上 并且20在第二页 有没有办法得到计数70 我已经尝试了这篇文章
  • Twitter Bootstrap - 下拉菜单 - 箭头键不适用于 Firefox 中的输入标签

    要求 我想在带有用户名和密码字段的下拉菜单中放置一个登录表单 我可以做到这一点 除了以下问题之外 一切正常 Issue 打字时我无法使用箭头键 上 下 firefox 当输入位于下拉代码之外时 这很有效 这适用于其他浏览器 例如 googl
  • jquery 中可点击 div 中的按钮

    我有整个 div 您可以单击它来切换该 div 的主要部分 问题是我在该 div 中也有可点击的按钮 当我点击它时 它会执行它应该做的事情 但同时也会切换整个 div 我怎样才能禁用它 Use event stopPropagation 单
  • 在 javascript 中实现固定位置会导致 Safari 滚动时出现抖动

    固定位置不适用于我的用例 因为它固定在浏览器窗口上 您可能会处于文本在屏幕右侧之外且无法到达的状态 无论如何 我尝试使用绝对定位 然后调整javascript中的 顶部 它在 Firefox 和 Chrome 中运行良好 但在 Safari
  • 未捕获的类型错误:对象 # 在 Chrome 中没有“查找”方法

    可能与 未捕获的类型错误 对象 没有方法 查找 https stackoverflow com q 11134646 561731 这是我的问题的讨论的聊天记录 https chat stackoverflow com rooms 17 c

随机推荐

  • 如何在 ReSharper 中添加自定义代码分析

    我是 ReSharper 的新手 对于使用Resharper的人来说 有没有办法添加自定义代码分析规则 例如我可能有一条规则说所有私有变量都应以字母 m 开头 如何将其添加到 Resharper 以便如果我违反此规定 它可以显示为警告或错误
  • BFS 和 DFS 的区别

    我正在读关于DFS in 算法简介由科门 以下为正文 片段 与 BFS 不同 BFS 的前驱子图形成一棵树 DFS产生的subgrpah可能由几棵树组成 因为 可以从多个来源重复搜索 除上述注释外 还提到以下内容 BFS 仅限于一个源 这似
  • 只需要“最近”任务 - 取消/忽略的最佳实践?

    我有一个看起来像这样的任务 var task Task Factory StartNew LongMethod task ContinueWith TaskCallback TaskScheduler FromCurrentSynchron
  • 连接超时已过期。登录后阶段超时时间已过

    在我的应用程序中 查询工作正常 对于单个选择查询 我收到以下错误 System Data EntityException 底层提供程序在打开时失败 gt System Data SqlClient SqlException 连接超时已过期
  • 将 React-Redux 与 connect() 和 {...this.props} 一起使用

    当我想从其他组件调用容器中的操作时 我无法弄清楚如何制定正确的解决方案 顺便说一句 我想使用扩展运算符 因为我需要在组件中传递太多参数并且不想描述他们全部 我知道我可以通过 props 从 redux store 传递所有 props 就像
  • iOS5/6 中自动旋转?

    我更新到 Xcode 4 5 并正在使用 iOS6 这是一个我肯定会犯的错误not下次有更新时进行 对于刚接触 iOS 的人来说 这有点像噩梦 而且我刚刚注意到我正在开发的一个应用程序正在自动旋转 我在更新之前从未注意到它会自动旋转 但也有
  • 检索每个 OWL 的 unionOf 和 junctionOf 的集合

    我正在尝试提取intersectionOf and unionOf在 OWL 文件中 其中interesctionOf and unionOf由类的集合组成 someValuesFrom or and onProperty 我创建了一个 S
  • 如何在网站的网页之间传递信息

    我有这个网站 我经常发现自己试图将信息从一个网页传递到下一个网页 最好的方法是什么 会话几乎是最好的选择吗 因为如果我需要传递大量信息怎么办 然后呢 我想你有几种可能的解决方案 Use cookies to store all data w
  • IllegalArgumentException:必须至少存在一个 JPA 元模型

    从弹簧休息开始时 我收到以下错误 gt org springframework beans factory BeanCreationException Error gt creating bean with name jpaMappingC
  • 什么是 CVS“pserver”模式?

    有人能准确地告诉我关于 CVS 的 pserver 模式是什么吗 pserver 这个术语经常被使用 但我还没有找到它到底是什么的解释 如果 pserver 是一种特殊模式 那么我假设也有一个默认模式 如果是这样 两者有什么区别 pserv
  • 停止 SoundPlayer 播放

    我正在尝试创建自己的小音板来播放 WAV 文件 现在播放不是问题 但我想要一种在需要时停止播放的方法 我想到了一个停止按钮 但不知道如何实现 所以我想到使用循环但它似乎不起作用 只是想知道是否有人可以帮助我哪里出了问题 或者这只是一种失败的
  • 如何递归使用 clojure.core/bean?

    所以我认为clojure core bean http clojuredocs org clojure core clojure core bean非常接近我想要的 但我正在使用一个具有嵌套 bean 的 Java 应用程序 这样我最终会得
  • 退出后返回箭头

    我有一个使用表单身份验证的 ASP NET 应用程序 当用户单击页面上的 注销 按钮时 它将运行以下代码 FormsAuthentication SignOut Response Expires 0 Response Cache SetNo
  • 通过代码设置壁纸

    我试图制作一个应用程序 它还可以让用户选择他想要设置的壁纸 我通过调用 Gallery Intent 来做到这一点 一旦用户选择了特定图像 图像的数据路径就会返回给我 然后我通过将图像设置到图像视图上来向用户预览 当图像尺寸 和 或分辨率
  • CPU 相关代码:如何避免函数指针?

    我为多个 CPU 编写了性能关键的代码 我在运行时检测 CPU 并基于此为检测到的 CPU 使用适当的函数 所以 现在我必须使用函数指针并使用这些函数指针调用函数 void do something neon void void do so
  • 如何防止长文本流出容器

    如何使用CSS将长单词换行 例如wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  • 在片段事务中addToBackStack和replace可以吗?

    对以下代码有什么想法吗 在我的测试中 我发现替换的片段没有被破坏 并且在弹出返回堆栈时实例仍然存在 只是想验证这是否是使用片段事务的有效方法 getSupportFragmentManager beginTransaction addToB
  • 当在CSS中使用“视口高度/vh”时,它是否包括“浏览器书签栏”在内?

    在 Chrome 中 使用 command shift b 禁用书签栏 我是否应该始终在禁用此功能的情况下测试网站 以使浏览器真正达到 100 或者启用此功能实际上会产生 vh 95 吗 vh 使用视口的大小 因此 如果您打开书签栏 那么您
  • isSelected 返回 false 并且 isChecked 显示编译错误

    let checkBoxXpath accessPolicyPage listCheckBoxXpathS i accessPolicyPage listCheckBoxXpathE element by xpath checkBoxXpa
  • 如何在点击时显示工具提示

    我正在尝试使用qtip2 http craigsworks com projects qtip2 我的问题是我只想在用户单击时才显示工具提示href里面有指定的html 所以我尝试这个 function help var link docu