jQuery 工具：工具提示使标题消失？答案

【问题标题】：jQuery tools: tooltip makes title disappear?jQuery 工具：工具提示使标题消失？
【发布时间】：2012-07-09 11:16:32
【问题描述】：

我正在尝试使用 jQuery 工具的工具提示功能使工具提示出现。当标记看起来像这样时，很好：

<input type="submit" title="Submit your foo" value="foo"></input>

但是当输入被禁用时，标题会神秘地从 DOM 中消失：

<input type="submit" disabled="disabled" title="Sorry, you cannot submit your foo" value="foo"></input>

只有在我尝试使用 jQuery 工具时才会发生这种情况。如果我不使用 jQuery 工具，标题看起来就好了（默认浏览器效果）。有什么想法吗？

更新：

http://jsfiddle.net/7jCXz/ - 此示例似乎删除了两个输入标签中的标题属性，而不仅仅是禁用的标签。

【问题讨论】：

您能给我们看一个JS Fiddle、JS Bin 或类似的演示，看看您在做什么吗？
好的。正在尝试制作一个演示。

标签： jquery jquery-tools

【解决方案1】：

尝试将wrap 你的提交按钮变成div，然后在你的div 上使用工具提示：

$(document).ready(function(){
    $('input[disabled="disabled"]').each(function(){
        var $tit = $(this).attr('title');
        $(this).wrap('<div class="submitWrapper" title="' + $tit + '"></div>');
    });
    //$('.submitWrapper').tooltip(); // or something like this
    $('.submitWrapper').on('mouseover', function(){
        alert('submitWrapper clicked!');
    });
});

Demo

【讨论】：

为什么？我在很多链接、提交等中都有标题属性——我认为它们应该去哪里（从语义上讲）。如果可以的话，我会尝试通过添加 div、span 等来避免膨胀标记。是什么导致了我的问题？
工具提示可能不适用于禁用的元素。所以我认为您应该将它们包装到div's（仅禁用元素）。顺便说一句，你能告诉我你使用的是哪个工具提示吗？
This 在 Opera 中工作。你能测试一下并告诉我你的浏览器是什么吗？
Chrome 和 FF 存在问题。您的示例中也存在问题。 “否”按钮没有工具提示。这就是我看到的问题。
这个解决方案是不是太复杂了？

【解决方案2】：

帮助你有点晚了，但希望能帮助别人。

使用jQuery Tooltip，如果要在tooltip初始化后获取/设置title属性，需要使用

$(foo).tooltip("option","content")

或

$(foo).tooltip("option","content","some new content")

参考：http://api.jqueryui.com/tooltip/#option-content

【讨论】：