0

ユーザーが入力に 50 000 を超える値を入力したときに、ブートストラップ ツールチップを使用してメッセージを表示したいと考えています。

コードは次のとおりです。

<!DOCTYPE HTML>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"/>
        <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
        <script type="text/javascript">
          $(document).ready(function () {           

            $(this).tooltip("hide");

            $("#myInput").on("keyup", function() {
                console.log(this.value);
                if (this.value > 5000) {
                    $(this).tooltip("show");
                    $(this).val(50000);
                } else {
                    $(this).tooltip("hide");
                }
            }).tooltip({
                placement: "right",
                trigger: "focus"
            });

          });
        </script>
    </head>
    <body>
        <input id="myInput" title="You cannot enter more than 50 000" /> 
    </body>
</html>

またはhttp://jsfiddle.net/Ljxz2/を参照してください

問題は、ツールチップがフォーカス時にメッセージをトリガーしているため (私は思う)、ユーザーが入力をクリック (またはフォーカス) するとメッセージが表示されることです。どうすればそれをオフにできますか?

4

1 に答える 1

1

ツールチップ関数呼び出しで送信されるオプションの「トリガー」の値を「手動」に変更するだけです。

tooltip({
    placement: "right",
    trigger: "manual"
};

http://jsfiddle.net/YcQat/

于 2013-02-08T12:38:24.030 に答える