1

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/ - この例では、無効になっているものだけでなく、両方の入力タグのタイトル属性が削除されているようです。

4

2 に答える 2

1

送信ボタンをにラップしてから、次の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!');
    });
});

デモ

于 2012-07-09T11:33:08.620 に答える