标签: tooltip

我想将鼠标悬停在图像上 - >这是一个链接

在我结束时,图像应该弹出(如工具提示)一个div,我可以用一些东西填充 - 任何想法？!

$这是包含一个img的链接:我找到了图像并希望跨越图像上方的div并制作一些jquery效果,让用户获取信息,单击图像将放大

        $(this).parent().append($("<div/>")
                        .css({ "display" : "block", "left" : img.x, "top" : img.y,  
                            "width" : img.width, "heigth" : img.heigth, "border" : "1px solid red"})
                        .text("Click me!")

不起作用: - /

第三方jQuery工具提示是jQuery Tools Tooltips:ToolTips Done Right.只是通过外部div可以打破position: relative吗？

这个工作:http: //www.topics2look.com/code-examples/jquery-tools-tooltip-bug/this-works.html

只需position: relative在外部div(带有蓝色边框的那个)中添加一个,并且工具提示会被大量放错位置(无论头部div向下推动的是什么):http://www.topics2look.com/code-examples/jquery-tools-工具提示错误/与相对位置-它此结果未work.html

第三方开源代码的质量.

有没有jQuery大师快速修复？要求是外部div必须具有position: relative或position: absolute由于某种原因.我认为它破解的原因是jQuery Tools Tooltip用于position: absolute定位工具提示,但不知道它absolute实际上是相对于"最近定位的祖先",正如CSS规范所说.仅仅通过一个简单的案例就可以打破它.

如何为指向某个东西的容器创建三角形的东西？是photoshop吗？

我正在尝试使用jQuery在表格单元格上创建简单的工具提示.
我写了这段代码:

<script type="text/javascript">
        $(function () {

            $(".test").bind("mouseenter", function (e) {
                $("#ToolTipDIv").offset({ left: e.pageX, top: e.pageY });
                $("#ToolTipDIv").show("slow");
            });
            $(".test").bind("mouseleave", function (e) {
                $("#ToolTipDIv").hide("slow");
            });
        }); 

    </script>
<div id="ToolTipDIv" style="background-color: Yellow; display: none; width: 20%;">
        This is a text
    </div>
    <table class="style1" border="1">
        <tr>
            <td class="test">
                1
            </td>
            <td class="test">
                6
            </td>
        </tr>
        <tr>
            <td class="test">
                2
            </td>
            <td class="test">
                7
            </td>
        </tr>
        </table>

但它没有按预期工作.当我把鼠标放在细胞上时,Tooltip Div关闭并打开了好几次.
例如,我想查看第三个Cell的工具提示我将鼠标指针放在第一个和第二个单元格上以到达第三个单元格.jQuery工具提示将显示并隐藏3次.
jsfiddle链接

如何为我较长的控制文本设置就地工具提示,如:

我已经使用ToolTip.Show方法使用这种类型的工具提示

ToolTip ttpInplace = new ToolTip();
ttpInplace.Show(textbox1.Text, textbox1, 0, 0, 4000);

        private void FormToolPopup_MouseEnter(object sender, EventArgs e)
        {
            if (ttpCustomToolTip != null)
            {
                ttpCustomToolTip.Hide(textBox1);
            }
        }

        private void textBox1_MouseEnter(object sender, EventArgs e)
        {
            Size s = TextRenderer.MeasureText(textBox1.Text, textBox1.Font);
            if (s.Width > textBox1.Width)
            {
                ttpCustomToolTip.Show(textBox1.Text, textBox1, -4, 0);//, 5000);
            }
        }

但它闪烁着.我已经阅读了http://msdn.microsoft.com/en-us/library/windows/desktop/hh298402(v=vs.85).aspx上的文章, 但我有问题要实现,因为它是在C++中.任何人都可以帮助我吗？

Ubuntu 12.04 Eclipse 3.7.2

它还有黑色背景的白色文本,但这是通过更改gtkrc文件中的tooltip_*g_color设置来解决的.

我在我的应用中添加了一个工具提示.

在我希望它显示提示/工具提示的控件(DataGridView)中,我在"Tooltip on"属性中添加了verbiage.但是我的措辞没有显示(确切地说没有任何内容).

为什么？

我在一个相关的按钮上添加了verbiage,它运行得很好.也许DGV本身无法处理工具提示？

添加

这是一个展示问题的完整示例

using System;
using System.Drawing;
using System.Windows.Forms;

static class Program
{
    [STAThread]
    static void Main()
    {
        Application.EnableVisualStyles();
        Application.SetCompatibleTextRenderingDefault(false);

        var form = new Form {
            Controls = {
                new Button { Name = "button", Location = new Point(10, 10) },
                new DataGridView { Name = "dgv", Location = new Point(10, 50) },
            },
        };

        var tooltip = new ToolTip();
        tooltip.SetToolTip(form.Controls["button"], "Button Tooltip");
        tooltip.SetToolTip(form.Controls["dgv"], "DGV Tooltip");

        Application.Run(form);
        GC.KeepAlive(tooltip); // it's cheaper than implementing IContainer on the …

我有一个链接.像这样:

<a href="#" title="Title from this link"></a>

我想删除此标题并将标题文本放在数据属性中.作为数据标题.我怎么能用jquery做这个.所以删除title元素.并放置标题元素的文本.在新的标题数据元素中.

谢谢

我有一个JTable,我想改变一个单元格的工具提示的默认位置JTable.我想在其他地方显示单元格工具提示,而不是在同一单元格的顶部.基本上我想完全控制该工具提示的行为.有什么建议？

你好吗？我希望好!

所以我在ThemeForest上有一个模板(纯HTML + CSS + jQuery),我在Vue.js + Laravel中开发app.

当我必须在Bootstrap模式中使2个插件工作(一个是Bootstrap Tooltip和其他Switchery)时,我遇到了一个问题.

我想保持原样,因为我不喜欢更改模板=)

当我把它放在View组件中时,它根本不起作用!有我的代码,如果有人可以提供帮助!

OBS:我使上面的代码比真正的代码更清洁,我正在使用VUEIFY,我认为这不是问题!

按钮触发了模式

<a href="#" data-toggle="modal" data-target="#sources-modal">My Modal</a>

我的模态代码

<template>

  <!-- Source -->
  <div id="sources-modal" class="modal fade" style="display: none;">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Sources</h4>
        </div>
        <div class="modal-body">
          <div class="row p-10">
            <div class="col-md-6 m_md_bottom_15">
              <span class="waves-effect btn btn-warning" data-toggle="tooltip" data-original-title="Refresh" @click="fetchRecordList()"><i class="fa fa-refresh"></i></span>
            </div>
          </div>
          <div class="over_auto" v-el:data-grid>
            <table class="table table-striped table-bordered m-0">
              <thead>
                <tr>
                  <th class="w_50">
                    <input @click="selectAll()" v-model="allSelected" type="checkbox">
                  </th>
                  <th class="th_sort" …