Question

我有两个jquery问题。 1.当我试图通过提交按钮应用主题时 - 它不起作用。我想使用.ui-button进行提交。

.uiTooltip问题 - 当我悬停空白字段时，出现工具提示 - 我在页面的左角获得工具提示标题....

$(function() {
$( document ).tooltip();

}）;

.ui-tooltip {





/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;

background:#555555;
padding: 10px;
padding-top:3px;
position: absolute;
height:10px;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
color:#FF9900;
border: 1px solid white;

Answer 1

如果要应用样式，则需要将.ui-button类添加到按钮：

<input class="ui-button" type="submit" name="submit" value="Send" />

.tooltip（）函数并不适用于整个文档。这就是定位失败的原因。您需要将工具提示应用于您希望提示的元素。例如，如果您想提示上面的提交按钮，可以使用

$(function() {
    $( ".ui-button" ).tooltip();
});

因为工具提示的选择器设置为使用按钮中的类。我喜欢将一般类应用于我想要工具提示的所有内容，并在一个声明中将它们全部命中：

$(function() {
    $( ".my-tooltip" ).tooltip();
});

<a href="#" class="my-tooltip" title="the tooltip">link</a>
<span class="my-tooltip" title="the tooltip">hover</span>
...

如何使用jquery小部件提交按钮？

1 个答案: