1回答
我有一个id为#download_setup的按钮，点击这个按钮就会调用一个ajax。但对于一些用户，我必须阻止此ajax下载，我还想显示一个工具提示“你没有下载的权限”
使用以下代码，我在onclick上显示了工具提示，但问题是download被触发
$('#download_setup').on({
"click": function(e) {
$(this).tooltip({ items: "#download_setup", content: "Displaying on click"});
$(th
浏览 0提问于2019-02-07得票数 0
1回答
如何隐藏工具提示？
、、、、
我正在使用客户关系管理(drupal)的网站和移动工具提示我不知道如何隐藏它时，我再次点击它这是网站在servizi的部分工具提示工作很好的桌面，但当我尝试从手机访问网站(我尝试iphone和三星)，并点击它，工具提示出现，但我不能隐藏回来，一旦我点击它的停留。
这是这个工具提示的jquery代码，我不知道遗漏了什么。
(function($) {
$(document).ready(function() {
function tooltipInit() {
var tooltip = jQuery('.tooltip'),
浏览 4提问于2016-04-07得票数 0
我有一个带有一些工具提示的页面，这些提示是由mousemove触发的。在手机上，你可以点击适当的地方看一个工具提示，但没有办法摆脱它-它只是挂在周围。我想让他们能够在任何地方点击来丢弃它。所以我试了一下：
$(document).on('tap',function(){
$('#tooltip').css("top", -9999);
})
这确实..。没什么。我试过一些不同的方法，但是它困扰着我，因为我觉得这个应该能工作。我遗漏了什么？
这里有一个小提琴：
我想要的行为是:移动用户点击区域查看工具提示，然后点击任何地方以清除工具提示。
浏览 3提问于2016-11-03得票数 0
回答已采纳
该网站为hostingcouponsclub.com。我想添加一个文本提示“点击复制和打开网站”的黄色优惠券代码，这是剪刀附近的效果。但是，当我将此代码放到本地环境中时，工具提示不起作用。没问题的。我认为这可能与“点击复制并打开站点”的JavaScript有冲突。我怎么纠正它呢？谢谢。这是工具提示代码：
$(document).ready(function() {
$(".coupon-code").hover(
function() { $(this).contents(".coupontooltip").show(); },
浏览 0提问于2011-01-04得票数 1
5回答
如何将提示/占位符放入asp:TextBox中？当我说一个提示时，我指的是当用户点击它时消失的一些文本。有没有办法用html / css实现同样的效果呢？
浏览 2提问于2013-04-05得票数 117
回答已采纳
3回答
我正计划使用某种工具提示函数。在桌面上，我希望它打开与悬停效果，也有一个链接和指导，每当用户点击。在触摸设备，我想禁用链接和打开工具提示仅通过触摸(点击任何)。所以基本上，我需要禁用触摸设备的链接。为此分配一个CSS类将非常有用。
谢谢你的帮助。干杯。
浏览 0提问于2014-01-22得票数 2
回答已采纳
1回答
我是JavaScript的新手。我用搜索来解决我的问题，但我找不到我要找的东西。
我使用的是CSS jquery.balloon.js，，它将工具提示的默认浏览器呈现转换为自定义的工具提示(向其添加一些 --背景、边框等)。
这是JavaScript代码：
$(document).ready(function(){
$('a').balloon({
position: "bottom",
tipSize: "0"
});
});
所有操作都很好:当我将鼠标悬停在带有title属性的链接上时，工具提示将显示为自定义的。当我悬停鼠标时，
浏览 1提问于2014-03-23得票数 0
3回答
我尝试了以下两种方法来显示每个具有类名avatar的div附带的隐藏内容。
<div class="avatar"><a><img src="avatar.png" width="36" height="36"><div class="profile">Users Profile with Link</div></a></div>
第一个使用悬浮，当页面上有多个化身元素时，它工作得非常完美。
不幸的是，工具提示有一个可点击的链接内置
浏览 4提问于2013-02-11得票数 0
回答已采纳
2回答
单击以显示CSS工具提示
、、、
我是新手与CSS和HTML的工作，我一直试图创建一个使用CSS和HTML的工具提示，到目前为止已经成功。但现在想知道如果可能的话，如何使此工具提示仅在单击时出现。并在再次点击时消失。下面是我使用的HTML代码。如果有人能提供一些CSS建议，让我能够创造出想要的结果，那就太棒了
HTML
class=‘tooltip’style ='color:#585858；文本装饰:无；‘>桌面NG信息
提前感谢
浏览 1提问于2014-05-02得票数 2
2回答
我试着做一个工具提示，应该出现在前面的“点击我”按钮。为此，我使用了偏移量().top。但是有了下面提到的问题。
1)当我点击底部按钮时，工具提示就会进入页面。
2)我不想删除溢出:隐藏在父div中。
3)我希望工具尖不应该进入容器内部，相反，我希望工具尖端在接触容器底部之前向上移动。
请让我知道周围的工作。
$(".main").on("click", "button", function(){
var top = $(this).offset().top;
$(".pop").show(".pop");
浏览 0提问于2015-03-26得票数 0
我使用jquery作为工具提示。我希望有多个在同一页上，并让他们打开和关闭的点击。我找到了一个在点击时打开它们的解决方案： (取自-> 的链接)
我需要帮助的是在一个页面上有多个工具提示。
我试图稍微修改代码以使其工作，但它只是打开了所有的代码。
$('#tooltip_1').click(function() {
var $this = $(this);
$(".tooltip").html(function() {
$('.ttip').css({
left: $this.position() + '2
浏览 1提问于2014-05-28得票数 0
回答已采纳
我有一个输入字段。在它的焦点事件中，我打开一个工具提示，在它的焦点上，我关闭工具提示。但是现在我有一个关于工具提示的链接，以及我想做些什么来使这个链接可点击。但是当我开始聚焦输入并转到工具提示链接并尝试单击时，输入的焦点事件首先被调用，工具提示被关闭。所以我无法点击那个链接。这是我的代码：
html：
<div class="block"><input type="text" class="field-input"/><div class="tooltip">
<a href="#
浏览 4提问于2017-02-03得票数 0
回答已采纳
所以我有个图标。当我悬停在图标上时，如果我悬停在图标上，就会显示工具提示。
HTMl是：
<i class="fa fa-info-circle infoIcon">
<span class="tooltip">
<span class="tooltipClose">x</span><br>
<p>some text</p>
</span>
CSS是
.infoIcon:ho
浏览 3提问于2020-07-21得票数 0
回答已采纳
我正在使用Bootstrap v3.3.1CSS来设计我的页面。在我的页面中，我有一个'div‘，里面有一个空的'svg’元素。在“svg”中，我使用NVD3来添加图表。
似乎bootsrap css和nvd3 css冲突。当我只保留bootsrap时，我会失去像交互式图例一样的图形功能，当我点击它时，它会改变颜色。如果我只保留nvd3的css，图形工作完美，但我失去了我的网页的风格。如果我同时使用这两种工具，除了图表上的工具提示之外，似乎所有东西都可以工作(奇怪的是，拼图上的工具提示可以工作，但不能使用多条线、堆叠区等)。
有没有办法让这两个都为我工作呢？我的页面的样式和我的
浏览 5提问于2015-07-02得票数 0
我已经束手无策想要解决这个问题了！使用Bootstrap工具提示，我无法获得关闭工具提示的跨浏览器/设备解决方案。
$('.tooltiplink').tooltip({
container: 'body',
trigger: 'hover focus',
html: true,
title: function() {
divID = $(this).attr("id");
divID = divID + "_div";
return
浏览 0提问于2014-07-10得票数 0
CSS:
a:focus { opacity: .75 }
a:active { transform: translateY(4px) }
意图：
键盘用户选项卡到链接，使用:focus样式作为视觉提示
他们点击enter来激活链接；:active样式提供可视的按键反馈
问题：
:active样式可正确触发鼠标单击，但不触发按键。我能用CSS来解决这个问题吗？
浏览 5提问于2015-09-08得票数 17
回答已采纳
我做了一个点击各种Instagram提示的程序，我已经用CSS_SELECTOR识别并点击了这些按钮。问题是，它只在某些时候起作用。在这些情况下 wait.until(ec.element_to_be_clickable((By.CSS_SELECTOR, ".aOOlW.bIiDR"))).click()
wait.until(ec.element_to_be_clickable((By.CSS_SELECTOR, ".aOOlW.HoLwm"))).click() CSS_SELECTOR工作得很好，但在本例中 wait.until(ec.element_
浏览 20提问于2021-11-01得票数 0
我要在每个表格单元格中添加一个dojo工具提示对话框，这样当我悬停在每个单元格上时，内容就会出现。我使用工具提示对话框，因为其中有可点击的内容。
我知道使用工具提示控件是可能的，如下所示
require(["dijit/Tooltip", "dojo/query!css2", "dojo/domReady!"], function(Tooltip){
new Tooltip({
connectId: "myTable",
selector: "tr",
getContent: functio
浏览 1提问于2013-10-17得票数 1
回答已采纳
我无法打开工具提示后关闭相同的点击外面的按钮。感谢你的帮助。
下面是复制这个问题的方法
点击按钮
单击“外部”按钮关闭工具提示。
再次单击该按钮以打开工具提示
注意:按钮需要两次单击才能打开工具提示，然后单击div外部。
下面是源代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge
浏览 0提问于2018-10-29得票数 0
回答已采纳
我有一个asp.net MVC应用程序，它通过windows身份验证锁定了一个部分/admin。我做到了以下几点。
Web.Config
<authentication mode="Windows" />
AdminController
[Authorize]
public class ContactController : Controller
{
....
}
这是它应该做的。当我尝试访问/admin URI时，它会提示我输入一个windows登录名。
然而，在我的视图中，链接到两个文件：
<script src="/media/js/sit
浏览 7提问于2010-08-17得票数 2
回答已采纳
欢迎光临！我有一个项目，其中有php index.php文件在/htdocs。还可以在/htdocs/ dboperaitons.php中包含像config.php和css这样的文件。现在我设置新站点在dreamweaver中打开index.php文件，它运行得很好，但是当我点击属性并重试从dreamweaver添加或修改css属性时，它给我错误提示无法打开文件文件，因为它在硬盘中找不到。1.为什么要以而不是c:/xampp/themes来搜索文件。2.提示en.css文件为远程文件，不可编辑。
我该如何解决这个问题。请指点一下。
浏览 3提问于2011-06-03得票数 1
1回答
我希望当点击电话代码文本时，它会显示第二个提示跨度hint2，而当点击电话号码文本时，它会显示第一个提示跨度。这可能只使用JavaScript吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/ht
浏览 0提问于2011-06-12得票数 1
1回答
存在这样的问题:工具提示没有显示在页面上。只有当我点击按钮时，它才会显示。
我怎样才能不点击按钮就能显示工具提示.？
以下是代码：
联署材料：
var tooltipD = $('<div id="days_tooltip" />').css({
position: 'absolute',
top: -30,
left: -14,
width: 45,
height: 20,
textAlign: "center",
display: "block"
浏览 1提问于2013-03-05得票数 0
2回答
我有一个带工具提示的引导带3按钮。单击该按钮时，工具提示显示，然后淡出。当第二次点击时，工具提示会闪烁，不会很好地褪色。但是当第三次点击时，行为又像预期的那样。
更新：下面的代码可以很好地用于引导3.0.0，但对引导3.3.7不起作用。
$('[data-toggle="tooltip"]').tooltip({
trigger: 'click',
placement: 'bottom'
});
function setTooltip(node, message) {
node.attr('data-or
浏览 1提问于2017-10-21得票数 1
回答已采纳
如何更改动态创建的div在单击事件上的颜色，谁拥有相同的类？
$( this ).css(' color '，‘粉红色’)；使用它，我们可以更改单击的div颜色。
但我想把点击的颜色改为粉红色，而重拍的颜色则改为黑色。
有什么提示吗？
参考代码：
$('#main_div').on('click','class1', function(){
$(this).css('color','pink');
});
我有三个孩子，他们的课是"class1“。当我点击一个div，那么这
浏览 3提问于2013-10-29得票数 1
回答已采纳
2回答
当点击时，我怎样才能让切换键说出更少的信息呢？我试着在css中使用：：after提示符，但无法让它正常工作。我还想在css中设计“更少的信息”。也许我该去上课？
<div class="toggle">More Information</div>
$(document).ready(function(){
$(".content").hide();
$(".toggle").on("click", function(e){
$(this).next('.content&
浏览 2提问于2014-08-09得票数 0
回答已采纳
2回答
在表行中显示图像
、、、
我有一个要求鼠标在桌面上，图像一个将显示和鼠标对图像一个，一个工具提示将显示。当我点击工具提示链接测试时，图像2必须显示在td内部，而前面的图像应该隐藏。
问题是，图像二正在显示，但我只能看到，如果我鼠标在桌子上。当我点击工具提示链接测试而没有鼠标通过时，我如何显示图像2？
这是小提琴。
CSS :
td.myData > img
{
display: none;
float: right;
height: 19px;
}
td.myData:hover > img
{
display: inline-block;
}
JavaScript
浏览 4提问于2014-12-22得票数 2
回答已采纳
我想要的是：
当我点击什么？文本时，工具提示与文本一起出现，“继续”，但我希望工具提示出现在上什么？文本而不是继续文本。
当我点击工具提示时，我希望它消失，我的意思是当我点击文本“嘿嘿”时，它就消失了，但是当我点击工具提示时，它不会消失。如何将其设置为“工具提示”类而不是“关闭”类。
谢谢。为了更好的理解，我在这里加入了我的工作；
$(document).ready(function() {
$(".content a").click(function() {
var obj = $(this);
var tooltip = obj.da
浏览 5提问于2016-12-13得票数 1
回答已采纳
1回答
因此，我有一个带有css样式的超链接，它的on：<a href>Link</a>将显示一个(css)范围的工具提示，因此当用户单击该css时，将在它旁边显示一个工具提示。
(这是针对移动用户的，因为悬停对他们来说不是很好)
然而，有一个问题。在工具提示中，有一些链接，但当用户单击原始链接(：焦点被激活)，然后单击工具提示上的另一个链接时，它显然会取消激活:焦点，在浏览器意识到将我重定向到该链接之前，从而使工具提示中的链接不可用。
用户点击的'a href‘有这样的css：
.tooltip:focus span {
border-radius: 5px;
浏览 0提问于2013-02-03得票数 0
回答已采纳
我正在使用引导(与jQuery)显示一个弹出。我的标记是：
<div class="tooltip-div" id="TooltipDiv"
onclick="onclickShowTooltip();"
rel="tooltip" data-toggle="tooltip" data-placement="bottom"
data-html="true"
data-title="This is the tool tip."
浏览 0提问于2015-01-28得票数 1
我使用jQuery UI滑块为用户提供了一个答案尺度……(从1到10)
$( ".scala" ).slider({
range: "max",
min: 1,
max: 7,
value: 4,
change: function(event, ui) {
...
}
});
我的问题是，对于一个好的点击来说，可点击的区域(范围)太小了。但是我没有找到任何CSS来调整这个区域的大小。也许他们在JS？
有没有人可以帮助我，给我一个提示，我如何调整zis可点击区域的大小？
浏览 1提问于2012-01-26得票数 1
回答已采纳
与Git相关的工具提示将永久显示在我的vscode中，特别是在标记文件中。在其他文件，如css，它只是显示时，我点击这一行，这不是一个问题。
我该怎么关掉它？
浏览 4提问于2022-06-29得票数 0
我正在使用Jquery工具提示。
如何显示工具提示点击文本框中的鼠标。css用来显示工具提示箭头在中心(对于第二个文本框)的第二个文本框，它的下移。
<br/><br/>
<input id="ag22" title="We ask for your age only for statistical purposes.We ask for your age only for statistical purposes.We ask for your age only for statistical purposes.We ask for y
浏览 4提问于2013-09-25得票数 1
5输入类型，没有标记ID；如果我点击输入提示命令，会出现输入你的名字？；输入名字后，我如何编码"This.value =person“的jquery ...
<div class="lines">
<input type="text"><span>7-5</span></input>
<input type="text"><span>7-6</span></input>
浏览 1提问于2015-08-03得票数 1
我试图使用qTip2显示一个html内容工具提示点击任何链接与类"bb“。当您单击任何具有类'bb‘的链接时，工具提示打开类'tooltiptext’的div；当您单击另一个类'bb‘的链接(或页面上的任何地方)时，第一个工具提示关闭，第二个工具提示在该链接之上打开(如果没有单击另一个链接，则只关闭工具提示)。
我成功地打开和关闭了toolip，但是只有第二个链接显示了html内容。
有什么想法吗？
非常感谢！
<script>
$(document).ready(function()
{
$('a.bb').e
浏览 3提问于2016-02-25得票数 0
回答已采纳
我使用的是来自Tooltip的Angular Material，工具提示在iOS (Safari)上没有正确显示。这是我经历的行为：
iPhone与iOS 12:长点击按钮显示工具提示，但也执行click事件
iPad与iOS 13:在长抽头上完全没有工具提示
iPhone with iOS 14:工具提示显示在长点击上，但弹出菜单(剪切、复制、粘贴、.)显示并选择下面的文本。
在Android系统上，一切都如期而至。在我看来，matTooltip实际上根本没有在iOS上工作。这是我的设计：
角CLI: 8.3.29
角度: 8.2.14
@角/cdk 8.2.3
@角/材
浏览 7提问于2021-03-25得票数 1
<div id="page" class="container-fluid">
<div id="pageContent" class="">
<h1>Angular Test: projectUI</h1>
<!-- ngView: -->
<div class="ng-scope" data-ng-view="">
<ul class="package-menu container white ng-scope
浏览 1提问于2014-04-04得票数 0
我在解决方案中的一些工具提示框上正确使用jQuery draggable()时遇到了一个问题。
$('body').on("click", ".js-tooltip", function () {
var $This = $(this);
var posOfTooltip = $This.offset();
var keyword = "#" + $This.data('keyword');
var $Tooltip = $(document).find(keyword);
if (firstC
浏览 7提问于2017-11-24得票数 0
2回答
去掉滚动条
、、、
我正试着做一个简单的工具提示。问题是当我点击底部按钮时，工具提示会带来页面滚动条.在这种情况下，我希望工具提示应该是与页面底部对齐，有外滚动条。
HTML：
<div class="main">
<table>
<tr>
<td><button type="button">Click Me!</button></td>
</tr>
<tr>
<td><button type="b
浏览 1提问于2015-03-27得票数 0
1回答
当单击显示悬停工具提示的元素时，我想不出如何保持工具提示悬停功能。所以基本上我想在每次光标离开元素时隐藏工具提示，不管它是否被点击。
下面是一个例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="styles
浏览 10提问于2015-12-08得票数 0
2回答
我编写了这个简单的CSS技巧来显示当你点击输入(：焦点)时，工具提示会给你一些关于输入的信息。一切都正常，但是工具提示显示在输入下面，而不是结束。实际上，我知道我可以用边距来修正它，但我想问的是，是否有一种“更干净”的方式，当您以这种方式使用位置绝对值时，它会自动将工具提示对齐到输入。
HTML：
<div>
<input type="text" placeholder="Username">
<span class="input_info">Info1</span>
</di
浏览 1提问于2017-01-26得票数 3
回答已采纳
我正在尝试使用自定义参数在apexCharts热图中创建一个自定义工具提示，以添加代码，在本例中是一个特定的链接 tooltip: {
custom: function({ series, seriesIndex, dataPointIndex, w }) {
// code to return a string with a link
}
} 但是，如果我想要工具提示中的链接，我如何才能使工具提示停留足够长的时间，以便我单击该链接？当我试图移动到工具提示来点击链接时，它就消失了，或者显示热图中下一个
浏览 28提问于2021-09-09得票数 4
回答已采纳
3回答
我遵循了一个关于如何使用jQuery插件和超文本标记语言制作相册的教程，我正在尝试对它进行一些修改。通常，当我单击图像时，它会缩小，但我想添加一个提示，以便当我单击图像时，它会显示特定的提示消息。例如，如果我点击一张图片，它会显示一个提示:这是消息编号1。
下面是我的代码：
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8" />
<title>Pure CSS3 photo gallery
浏览 3提问于2013-09-15得票数 0
1回答
我想在wordpress中创建一个预览，它看起来不同于普通的帖子。我知道如何缩短文本，但我希望整个帖子有一个不同的css，当你点击链接时，会把你带到帖子所在的页面。我将感谢任何答案或提示。谢谢
浏览 2提问于2016-04-14得票数 0
我可以用这个css设置span的文本。
.tracking-true .tracking-button-text:before
{
content:"Tracking";
}
但是我想改变悬停时的文本，就像这样，但是我不能让它工作。
.tracking-true .tracking-button-text:hover
{
content:"Untrack";
}
这可以在css中完成吗？
更新:很像Stackoverflow使用:鼠标悬停来改变光标为指针或改变背景颜色作为ui提示，我试图向用户传达相同的东西。点击这个元素，就会发生一些事情。我不认
浏览 0提问于2013-03-09得票数 1
回答已采纳
2回答
我有一个纯粹基于CSS的工具提示，它在鼠标悬停(mouseenter)上出现，在mouseout/mouseleave上消失；单击时，它会运行一些代码，恰好让用户停留在同一个页面上。然而，在移动设备上，mouseenter和点击部分同时运行，这给我留下了一个可见的工具提示，直到你点击页面上的其他地方，它才会消失，因为没有自然的mouseout/mouseleave。
为了改进UX，我尝试在1.5秒后模拟被点击元素上的mouseout/mouseleave事件(使用setTimeout())，但这不起作用：
$('.my-element').on('click',
浏览 0提问于2020-05-02得票数 0
我是morris.js的新手，我用过它来绘制图表。一切都很好，工具提示也在显示，但我想让它与悬停功能一样可点击:当用户在条形上悬停时，应该显示工具提示，当他单击该工具提示时，我必须生成一个警告。我已经有功能，使条可点击，但我也想要工具提示。
下面是使条子可点击的函数：
var InitiateBarChartCustom2 = function () {
return {
init: function () {
var chart = Morris.Bar({
element: 'bar-chart2
浏览 2提问于2017-08-15得票数 3
回答已采纳
我有一个由ngx-bootstrap控制的工具提示，滚动到一个图标上，工具提示就会出现在图标的顶部。
如果我最大化浏览器，这个工具提示看起来不错，但如果我将浏览器最小化一点，工具提示会重叠在图标上，我不能再点击图标，就像下面的屏幕截图：
下面是我的代码：
<span id="appCancelIcon" class="close-circle_red" tooltip="Cancel Changes" container="body"></span>
此工具提示是动态位置，顶部和左侧的值根据图标的
浏览 0提问于2017-11-21得票数 2
6回答
我最近开始学习jQuery，我决定做一个jQuery。然而，我注意到当我进入一个超链接时，在插入超链接后它会提示几次，而且似乎每次你点击超链接按钮都会递增。
$('#hyperlink').mouseover(function(){
$('#hyperlink').css('color','#000000')
$('#hyperlink').mouseout(function(){
$('#hyperlink').css('co
浏览 2提问于2013-04-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
