Jquery ui工具提示不使用HTM按钮？_Jquery_Jquery Ui

Jquery ui工具提示不使用HTM按钮？

jquery jquery-ui

Jquery ui工具提示不使用HTM按钮？,jquery,jquery-ui,Jquery,Jquery Ui,Jquery ui工具提示函数似乎无法使用按钮作为目标。使用jquery ui版本1.9.2和jquery版本1.8.3 我为我的问题而创造，但它似乎根本不起作用。我完全被难住了。以下是我的javascript： $(document).ready(function () { $('#myBtn').tooltip({ position: { my: "left top", at: "bottom" },

Jquery ui工具提示函数似乎无法使用按钮作为目标。使用jquery ui版本1.9.2和jquery版本1.8.3

我为我的问题而创造，但它似乎根本不起作用。我完全被难住了。以下是我的javascript：

$(document).ready(function () {
    $('#myBtn').tooltip({
        position: {
            my: "left top",
            at: "bottom"
        },
        content: function () {
            return "This tooltip is a function return value with <b>HTML content</b>";
        }
    });
});

$（文档）.ready（函数（）{
$（“#myBtn”）。工具提示({
职位：{
我的：“左上”，
在“底部”
},
内容：功能（）{
return“此工具提示是包含HTML内容的函数返回值”；
}
});
});

下面是HTML：

<body>
    <form>
        <button id="myBtn" class="text">My button</button>
    </form>
</body>


我的纽扣

可以附加到任何元素。当您用鼠标悬停元素时，标题属性将显示在元素旁边的一个小框中，就像本机工具提示一样

但由于它不是本机工具提示，因此可以设置样式。使用ThemeRoller构建的任何主题也将相应地设置工具提示的样式

因此，要解决您的问题，您可以设置空标题属性，如：

<body>
    <form>
        <button id="myBtn" title="" class="text">My button</button>
    </form>
</body>


我的纽扣

演示：

可以附加到任何元素。当您用鼠标悬停元素时，标题属性将显示在元素旁边的一个小框中，就像本机工具提示一样

但由于它不是本机工具提示，因此可以设置样式。使用ThemeRoller构建的任何主题也将相应地设置工具提示的样式

因此，要解决您的问题，您可以设置空标题属性，如：

<body>
    <form>
        <button id="myBtn" title="" class="text">My button</button>
    </form>
</body>


我的纽扣

演示：

哦，现在我明白了。元素需要一个title属性才能工作。现在看起来很清楚，但我想我至少应该回答我自己的问题。这是我的建议。注意HTML中的

title=“x”

属性。哦，现在我明白了。元素需要一个title属性才能工作。现在看起来很清楚，但我想我至少应该回答我自己的问题。这是我的建议。请注意HTML中的

title=“x”

属性。如果不想将标题添加到HTML中，也可以使用jQuery

$（'selector'）.attr（'title'，''）进行添加

如果不想将标题添加到HTML中，也可以使用jQuery

$（'selector'）.attr（'title'，''）