0

TwitterBootstrap のドキュメントによると、次のように引用します。

無効または .disabled 要素にツールチップを追加するには、要素を a の中に入れ、代わり<div>にツールチップをそれに適用します<div>。

ドキュメントについては、ここをクリックしてください

私はそうしました：

    function AddToolTip(control) {
        d = jQuery(control).wrap("<div class='" + control.attr('name') + "' 
title='" + control.attr("data-title") + "' />");
        d.tooltip();
     }

そして、この関数は次のように呼び出されます。

$('#Area').attr('disabled', true).after(AddToolTip($('#Area')));

hoveredしかし、ツールチップは表示されず、またはのときに表示されるはずclickedです。

textbox別のコントロールに応じて有効/無効にするがあります。textboxが有効か無効かに関係なく、同じツールチップが表示されます。

ここで私が見逃しているのは何ですか？

4

2 に答える 2

0

私はそれを次のように修正しました：

$('#Test').attr('disabled', true).wrap(function () {
   return "<div class='" + $(this).attr('name') + "'></div>";
});

AddToolTip()関数は次のとおりです。

function AddToolTip(className) {
        d = $('.' + className);
        i = $('.' + className + ' :input');
        d.css({
            height: i.outerHeight(),
            width: i.outerWidth(),
            position: "top",
        })
        d.css(i.offset());
        d.attr("title", i.attr("data-title"));
        d.tooltip();
    }

それが他の人に役立つことを願っています。

于 2014-01-19T22:46:57.850 に答える
0

関数から要素を返します。

    function AddToolTip(control) {
        d = jQuery(control).wrap("<div class='" + control.attr('name') + "' 
title='" + control.attr("data-title") + "' />");
        d.tooltip();
        return d;
     }

関数から要素を返さないと#Area、この行の後に追加するものは何もありません:

$('#Area').attr('disabled', true).after(AddToolTip($('#Area')));

これにより、divが に追加されませんDOM

于 2014-01-19T18:22:16.050 に答える