1回答
我正在使用插件与修改的方法，以“显示”，“隐藏”或“摧毁”一个TipTip.
由于某些原因，我无法在文档上显示所有的工具提示，但它们不会出现--我想知道是否有人能引导我朝着正确的方向前进……这是我的密码..。
jQuery：
jQuery(document).ready(function($) {
$(".botpage a").tipTip({ content: "This is an anchor tag!"});
$(".botpage a").tipTip('show');
});
TipTip默认值
var defaul
浏览 0提问于2012-09-10得票数 0
我已经为工具提示创建了一个自定义目录，我想让它成为一个库，可以导入并在任何其他项目中使用。我已经创建了库，并将其导入到不同的项目中。但是当我运行这个项目时，它返回下面的错误。 Uncaught TypeError: Cannot read property 'install' of undefined
at Function.Vue.use (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:5096)
at eval (webpack-internal:///./node_modules/cache
浏览 30提问于2021-05-10得票数 0
回答已采纳
2回答
我正在上运行我的应用程序。JQuery方法似乎存在一些问题：
$('.tooltip-demo').tooltip({
selector: "a[rel=tooltip]"
})
为此，我在javascript控制台上得到以下错误：
对象不支持属性或方法工具提示
造成这一错误的原因是什么？请帮帮忙。
浏览 3提问于2013-04-30得票数 0
回答已采纳
1回答
我正在上工作，我想添加带有Web字体的工具提示插件，但是工具顶部的位置不对，但是当我不使用Web字体时，它就能工作了。
插件的代码如下所示：
$.fn.tooltip = function(options) {
var settings = $.extend({}, {
arrowSize: 5
}, options);
return this.each(function() {
var self = $(this).attr('title', '');
var wrapper = self
浏览 3提问于2013-08-28得票数 0
回答已采纳
有没有可能在Twitter bootstrap中给工具提示一个基于元素的动态ID？
例如，如果我有3个列表项；
<ul>
<li data-tooltip-id="item-1" data-toggle="tooltip" data-original-title="Title 1">Item 1<li>
<li data-tooltip-id="item-2" data-toggle="tooltip" data-original-title="Ti
浏览 2提问于2015-05-01得票数 2
这是我的，我不知道为什么我不能将工具提示附加到我的文本区...有没有其他方法可以让输入域或文本区的工具提示看起来很美观？
下面是我的html文件：
<div id="sth">
<a href="#" class="tooltip-top" data-tooltip="This is a tooltip.">Tooltip Top</a><br>
<a href="#" class="tooltip-left" data-tooltip="
浏览 2提问于2015-04-26得票数 1
我在我的项目中使用了反应字符，我想使用图表插件工具提示。我在文档中看到，我可以将插件添加到图表选项对象下的插件数组中。
我不明白的是如何导入或要求它。我试过：
const tooltip = require('chartist-plugin-tooltip');
和
import { Chartist } from 'chartist-plugin-tooltip';
当我试图分配给插件数组时，它们都不起作用：
plugins:[ Chartist.plugins.tooltip() ]
有人让这件事有反应吗？
浏览 0提问于2018-05-17得票数 2
回答已采纳
例如：
<div ng-repeat="thing in things">
...
<script>$('.tooltip').tooltip();</script>
</div>
当然，我不能在页面加载后立即调用$('.tooltip').tooltip();，因为当angularjs呈现一个新页面时，工具提示不会工作，直到不再调用plugin。那么，我的问题是，我的方法是不是很糟糕？有什么我可以做的不一样的吗？
浏览 1提问于2014-08-11得票数 1
我试图更好地理解如何创建jQuery插件，并将我的理解建立在的基础上。我到了最后，对命名空间和数据感到困惑。
First (参见下面代码中的问题1)：本教程显示目标($this)和工具提示都存储在对象文本中。
存储这些特定变量的好处是什么？
如果有默认值和自定义选项，这是否是保存结果设置对象的好地方？
还有，他们做$(this).data('tooltip',{target:$this,tooltip:tooltip});而不是$this.data('tooltip',{target:$this,tooltip:tooltip});有什么原因吗？
浏览 3提问于2012-10-26得票数 0
回答已采纳
我在Chart.js 2.4.0中使用了一个线条图，并且注册了一个插件，使工具提示能够随时显示，而不仅仅是在一个数据点悬停时。
enableChartToAlwaysShowTooltips(): void {
Chart.plugins.register({
beforeRender: function (chart) {
if (chart.config.options.showAllTooltips) {
// create an array of tooltips
// we
浏览 4提问于2016-12-20得票数 2
回答已采纳
1回答
为什么在下面的代码(示例)工具箱从页面中出来，它如何能够修复为自动(动态)的页，而不是从页面出来？
演示： (i mane是关于鼠标在其上显示提示框的how )参见图像：
$('li a').hover(function() {
var title = $(this).next('.tooltip').html();
var offset = $(this).offset();
$tooltip = $('<div />').addClass('show_tooltip').ht
浏览 2提问于2011-11-01得票数 0
1回答
在Rails应用上使用pjax时，我遇到了一些关于twitter bootstrap tooltip 元素的问题。例如，当我将鼠标放在带有工具提示的元素上，然后单击指向另一个页面的链接时，工具提示就会冻结。我目前删除工具提示的解决方案如下：
App.Utils.Tooltip = {
triggerAll: function(element) {
if (element.data('tooltip-loaded') == true) { return; }
element.data('tooltip-loaded', true).toolt
浏览 1提问于2013-01-17得票数 4
我不明白为什么我的引导工具提示不能正确工作。问题不是初始化，因为它反应正确，这个问题是关于样式的。没有样式，没有黑匣子，只有左下角的白色文本(无论我试图应用什么placement )。
下面是在元素顶部的游标中生成的代码：
<button id="test" type="button" class="btn_primary" title="" aria-describedby="ui-tooltip-5">Tooltip on left</button>
<div id="ui
浏览 7提问于2014-08-21得票数 3
回答已采纳
3回答
Rails引导工具提示样式不工作
、、、、
我有一个使用引导3.0的rails 4.0站点。工具提示正在显示，但没有样式。引导示例显示标记将如下所示
<div class="tooltip">
<div class="tooltip-inner">
</div>
<div class="tooltip-arrow"></div>
</div>
但是，当我检查它时，生成的标记看起来像是jQuery而不是引导程序。
<div id="ui-tooltip-18 role="tooltip&
浏览 3提问于2013-11-13得票数 2
回答已采纳
我正在使用Twitter Bootstrap来创建。目前，我在$(document).ready()中初始化工具提示
$(document).ready(function() {
$('[data-toggle="tooltip"]').tooltip();
});
这将为每个具有data-toggle元素的元素调用tooltip() (初始化侦听器)。
问题是，如果我有动态DOM元素(使用Ajax)，就不会在它们上调用tooltip()。我想了一个类似如下的解决方案：
$(document).ready(function() {
$('
浏览 4提问于2012-10-25得票数 2
回答已采纳
我正在为表格中的单元格实现一个工具提示，并且我需要能够获取目标的data-message属性。
$("#pricing_plans_table .sku_tooltip").tooltip({
// each trashcan image works as a trigger
tip: '#' + $(this).attr('data-message'),
// move tooltip a little bit to the right
offset: [0, 15],
浏览 2提问于2011-11-29得票数 0
回答已采纳
我正在查看，试图找出如何通过调用show方法来显示工具提示。
这是，但没有。我不知道为什么。
html
<input id="input_box" title='display this helpful stuff for user'/>
<button id="trigger">show tooltip</button>
javascript
$("#trigger").on('click', function(){
$("#input_box").too
浏览 1提问于2013-09-24得票数 0
我正在使用ChartJs来显示折线图，我正在尝试做两件事： 第一个是根据工具提示值显示不同的颜色。Highest value vs Medium value 第二种方法是，如果工具提示值最低，则显示不同的工具提示。Minimun value 我试着使用一个自定义插件来做这件事，但是它不起作用 这是我到目前为止已经成功完成的代码： Chart.plugins.register({
beforeRender: function(chart) {
if (chart.config.options.showAllTooltips) {
chart.pluginTo
浏览 25提问于2019-04-12得票数 0
回答已采纳
因此，基本上我的整个站点都使用jQuery版本1.9.1。不过，我想使用一个只使用1.4.1版本的插件。为了与1.9.1兼容，必须在这个插件代码中修改一些小的东西吗？
我尝试过一些东西，比如将其转换为普通Javascript (没有运气)，并尝试加载1.4.1 aswel版本。虽然这只是导致我的网站上的许多其他事情不工作也。
$(document).ready(function () {
// Get all the thumbnail
$('div.thumbnail-item').mouseenter(function(e) {
浏览 3提问于2013-12-19得票数 0
回答已采纳
1回答
和似乎存在类似的问题，但所提供的答案并不能解决我的情况。
我的服务器上有一个Node/Express/Webpack堆栈，我使用npm来安装Bootstrap 4 alpha 6和tether.js，这是工具提示功能所必需的依赖项。在我的主JS文件中，如webpack配置所定义的，我使用以下代码段导入了使用Bootstrap工具提示函数并进行初始化的系绳：
import "tether";
以及：
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
然后，在我的index.hbs
浏览 3提问于2017-06-22得票数 7
目前，我正在使用Vue/Nuxt.js，并试图使用java脚本启动一个引导工具提示。我知道它可以使用jquery初始化，但我需要使用javascript初始化它。
下面是我的工具提示代码：
<span class="badge badge-pill badge-primary position-absolute property-tooltip d-none d-md-block py-1 rounded-circle" data-toggle="tooltip" data-placement="right" v-bind:title=&#
浏览 1提问于2018-09-26得票数 2
1回答
我正在尝试使用tooltip onShow事件中的函数。我确信它是简单和直接的，但我就是不能让它工作。这里我漏掉了什么？
$("input[title]").tooltip({
onShow: function() {
$('.tooltip').css({'cursor':'crosshair', 'border-style':'dashed'}).click(function () {
alert();
});
},
浏览 0提问于2012-11-09得票数 1
回答已采纳
我正在努力处理CSS弹出窗口，希望有人能帮助我。
我们有各种各样的tds，在他们的手机里有这个弹出窗口，在firefox，chrome等(通常)它工作得很好。然而，在低于IE8的旧浏览器中，它存在问题。
当鼠标移出单元格时，似乎:hover丢失了，即使它移动到弹出区域(位于单元格的正下方)。您可能会说是，这就是它应该做的事情，但是在firefox中悬停的父元素的子元素会将:hover类保留在父元素上。
弹出窗口div的位置是绝对的，左边距为-999px；(这是可以的)
On :悬停父div元素左边界设置为-125px (弹出式div宽度的一半，因此居中-也可以)
如前所述，所有这些都很好，并且
浏览 0提问于2013-02-14得票数 0
回答已采纳
2回答
动态更改tipTip文本
、、、
我的一些复选框上有tipTip。尝试将文本切换到“激活\停用”之类的内容，但找不到如何更新tipTip的内容。有人在这方面有建议吗？
也试图使用自定义攻击，但这对我没有帮助
// add tooltip
$(".element").tipTip({ attribute: 'tooltip-content' });
...
// change tooltip
$(".element").attr('tooltip-content', 'new text')
tipTip插件页面
浏览 1提问于2014-12-23得票数 1
目前，我正在使用名为的javascript工具提示。这里是EZPZ工具提示的页面。
我有这样的布局与html和css。
最大的div是相对于边距的位置:靠左:自动；边-右:是自动；在小盒子里，位置是绝对的。
下面是这个html页面的完整代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://ww
浏览 0提问于2011-03-28得票数 0
好吧，谁能像我5岁一样跟我解释一下吗？
我下载了这个jQuery插件(aSimpleTour)的压缩文件，它基本上是一个弹出浏览/向导，通过你加载到的任何网站。唯一的问题是.我不知道怎么设置它！
我相当肯定，您至少需要调用HTML中的引用吗？
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></scri
浏览 6提问于2013-08-27得票数 1
回答已采纳
我是网页设计的新手，我试图创建一个工具提示，但我的代码不工作，这是我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<!-- bootstrap css files -->
<link rel="stylesheet" href="../bootstrap-3.3.4-dist/css/bootstrap.css" />
<script src="..
浏览 2提问于2015-05-05得票数 1
我有点小问题..。。为了简化和提取我的主要项目的问题，我有一个简单的表，只有很少的列和一些数据，最后一列有两个带有引导工具提示的按钮，但这是行不通的。这是我的密码：
我使用的是DataTable插件v1.10.16和Boostrap v3.3.7。
<!DOCTYPE html>
<html>
<head>
<title>DataTable - Buttons with ToolTip</title>
<link rel="stylesheet" type="text/css"
浏览 0提问于2018-05-11得票数 0
我有验证一些特殊表单的函数，但我不能排除隐藏元素
function specialFormValidation() {
$("#specialForm").validate({
ignore: ':hidden',
errorPlacement: function(sError, oElement) {
$('.tooltip ').remove();
$(oElement).tooltip({
title: sError
浏览 2提问于2014-03-25得票数 2
我正在尝试使用这个jQuery工具。
在这种情况下，它非常有效：
...
<a id="A1">trigger</a>
<script>
$(document).ready(function () {
$("#trigger").tooltip({ effect: 'slide' });
});
</script>
...
但这行不通，这就是我想要做的：
$("<a id='trigger'>trigger<
浏览 5提问于2011-07-08得票数 0
1回答
我正在玩引导带，并尝试工具提示，但它们似乎不起作用。我得到了以下简单代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Tooltip</title>
<link rel="stylesheet" href="https
浏览 8提问于2015-05-03得票数 1
回答已采纳
1回答
我在我的angular项目中实现了工具提示，但我的项目在grunt测试中给出了一个错误，如下所示：
TypeError: 'undefined' is not a function (evaluating '$('[data-toggle=tooltip]').tooltip()')
我实现工具提示的代码：
在Jquery中：
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
在html中：
<div
浏览 1提问于2015-10-14得票数 0
我在Bootstrap中尝试了一个非常简单的工具提示集成，但得到了一些奇怪的结果：
<script type="text/javascript">
$(document).ready(function(){
$("[data-toggle=tooltip]").tooltip();
});
</script>
<select title="Tooltip on top" data-placement="top" data-toggle="tooltip"
浏览 1提问于2014-02-21得票数 0
2回答
我使用的是tinyMCE majorVersion:"3"，minorVersion:"4.4"，releaseDate:"2011-08-04“，它工作得很好，直到我注册了jquery-ui脚本。之后，在第一次悬停任何tinyMCE工具栏图标时，jquery就开始创建
<div id="ui-tooltip-0" class="ui-tooltip ui-widget ui-corner-all ui-widget-content" role="tooltip">
我的页面上有div。在第一次
浏览 1提问于2013-07-17得票数 2
我有asp:菜单控件，使用站点地图来绑定菜单。我使用jquery工具工具提示来显示菜单。问题是，当我将鼠标移到工具提示上时，它会隐藏起来。
这是jQuery代码：
$(".user").tooltip({ position: "bottom right", effect: 'slide', offset: [29, -162], relative: !0, delay: 800, events: { def: "click,mouseleave",
浏览 0提问于2013-03-26得票数 0
2回答
我在列表中有一个使用jQuery工具提示的背景图像链接。在一个页面上有多个这样的页面(例如20个)。第一个工具提示运行良好，但其余工具提示不起作用。对如何解决这个问题有什么想法吗？提前谢谢。
下面是我的代码(我使用NHAML作为我的视图引擎)：
%script{language="Javascript"}
$(document).ready(function(){
$("#download_now").tooltip();
});
%a{id="download_now"}
%div{id="tooltip"
浏览 0提问于2009-11-24得票数 0
回答已采纳
2回答
我已经写了这段代码来应用'jQuery工具提示插件‘到ajax加载的元素。
我的意思是，我希望在鼠标悬停时显示工具提示的行是通过ajax加载到页面中的。代码如下：
$("[id^=pane]").delegate("[id^=comm]","mouseover",function() {
$(this).tooltip({
// each trashcan image works as a trigger
tip: "#tooltip",
// custom positioni
浏览 2提问于2011-01-15得票数 0
如何将活动绑定用于辅助工具提示()
我使用的是以下代码：
$(document).ready(function(){
$('.tooltip[title]').tooltip({
track: true,
delay: 0,
showURL: false,
showBody: " - "
});});
那么，我如何使用活动绑定来绑定它呢？
浏览 1提问于2012-06-15得票数 0
1回答
我正在尝试编写一个好的 jQuery插件结构。我试图遵循jQuery.com和其他人的“最佳实践”。
但我对原型有点困惑。
我应该用还是不用？实际的结构看起来是好的还是糟糕的？
谢谢！
(function( $ ){
var defaults = { /* ... */ },
publicMethods = {
add: function(options){
var $this = $(this);
// ...
return $this;
}
},
priv
浏览 1提问于2012-02-25得票数 4
回答已采纳
7回答
我正在更新我的代码...大多数事情都已经解决了。一个问题仍然存在：
当我在元素(1和2)之间快速移动鼠标时，不会显示工具提示。
我认为发生这种情况是因为我对元素鼠标离开有延迟：
$this.mouseleave(function (e) {
tooltip.timer = setTimeout(function () {
$("." + options.class).detach();
}, !options.mouse || options.static ? options.delay || 0 : 0);
}), // Mouse leave
当工具提示
浏览 0提问于2013-04-15得票数 3
我正在尝试使用Twitter Bootstrap Popover /工具提示，但在控制台中收到以下错误：
Uncaught TypeError: Object #<Object> has no method 'popover'
我在我的函数文件中包含以下内容来包含这些文件，这些文件可以在源代码中看到，并在单击时直接指向正确的脚本：
add_action('wp_enqueue_scripts','dcr_enqueue_scripts');
if(!function_exists('dcr_enqueue_scripts&#
浏览 0提问于2012-06-14得票数 0
阅读bootstrap 4代码(它们如何在jquery中注册插件)时，我无法理解几行代码：
1)为什么作者添加到方法Tooltip._jQueryInterface的Constructor属性？他们想要提供什么样的功能呢？
$.fn[NAME] = Tooltip._jQueryInterface // this is clear
$.fn[NAME].Constructor = Tooltip // mmmmm ?
2)在那里做了什么(添加了noConflict方法，但它将如何使用？)：
$.fn[NAME].noConflict = function () {
$.
浏览 3提问于2018-04-27得票数 0
1回答
引导程序工具提示不可见
、、、、
当鼠标悬停在位于表格单元格内的div上时，我试图显示工具提示：
<tbody>
<tr>
<td>
<div class="progress">
<div data-toggle="tooltip" data-container="body" tooltip="tooltip1" tooltip-placement="top" class="progress-bar bg-green" ng-style
浏览 0提问于2016-03-17得票数 0
1回答
我有一个UpdatePanel页面，我在页面上添加了一些表单。
在这些新添加的元素中，我有必须使用qTip的图像。
我有这个：
$(document).ready(function () {
$('.ttip').qtip({
content: $(this).attr('tooltip'),
show: 'click',
hide: 'click',
position: {
my
浏览 2提问于2013-11-26得票数 0
回答已采纳
1回答
我一直在尝试调用bootstrap的jQuery插件，比如popover，tooltip，modals，...
我使用的是webpack，这是我的ES6 javascript：
import $ from 'jquery';
//import Bootstrap from 'bootstrap-sass';
//import Bootstrap from 'bootstrap-loader';
import Bootstrap from '../vendor/bootstrap.min.js';
class Test {
浏览 16提问于2016-08-24得票数 4
回答已采纳
您能帮助我通过Javascript动态更改Easy Tooltip的内容吗？我几乎什么都试过了：
document.getElementById('easy_tooltip').innerHTML(tooltipContent);
$("#easy_tooltip").html(tooltipContent);
$("#easy_tooltip").content(tooltipContent);
但它不起作用。我无法访问该元素的内容。
示例可以在中找到。
谢谢。
浏览 0提问于2012-11-28得票数 0
回答已采纳
1回答
Eclipse似乎完全忽略了CSS中的EL表达式。当我格式化样式表时，会发生这样的情况：
.tooltip:hover span.info {
...
border-color: #{theme.get('borderTooltip')};
border-style: solid;
...
}
转成
.tooltip:hover span.info {
...
border-color: #{theme.get('borderTooltip' )
}
;
border-style
:
solid
;
...
}
我能做些什么来防止这种
浏览 1提问于2012-06-08得票数 11
在迁移到BS 5之后，这一点就坏了：
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstr
浏览 3提问于2021-06-12得票数 3
回答已采纳
1回答
嗨，我正在寻找解决方案，让我的页面的工具提示总是可见的，并贯穿于下面的。但是，为此提供的所有解决方案都使用JQuery。
下面是用于始终显示工具提示的代码，我希望将其转换为JS，但我不知道如何转换。我还没有找到很多关于这方面的文档。
$('p a').tooltip({placement: 'bottom',trigger: 'manual'}).tooltip('show');
上面的JQuery代码似乎运行良好。您可以测试它的。
这是我的HTML：
<span class="span-navigator-abov
浏览 15提问于2022-03-01得票数 0
回答已采纳
嗨，我有一个动态创建的按钮创建的插件，我正在我的页面上使用。基本上，javascript创建的元素是一个带有'href‘的面包屑。我希望将相同的链接应用到另一个按钮上。然而，我的理论不起作用，你会怎么做呢？
/* M Y C O D E */
var link5 = $('#sideButton5').attr('href');
$("#menu5").attr("href", ""+link5+"");
console.log(link5);
/* P L U G I N */
浏览 5提问于2018-12-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
