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 回答