javascript - 无法限制表单输入字段上的 JQuery UI 工具提示仅在单击/焦点事件上显示

Question

基本上我试图仅在焦点事件上显示 JQuery UI 工具提示（在表单输入字段上）。它第一次工作正常......它打开工具提示并在模糊时关闭它。但是在输入字段中的第二次点击什么也不做！请帮忙！

<script type="text/javascript">
$(document).ready(function () {
        $("input[name='fname']").tooltip({ 
            position: { my: "left top", at: "left-30 bottom+10" },
        hide: { effect: "fold", duration: 400 },
        disabled: true
          });

 $("input[name='fname']").tooltip({ content: "Please enter your first name."});
 $("input[name='fname']").focus(function (){
            $("input[name='fname']").tooltip("enable");      
            $("input[name='fname']").tooltip("open");return false; 
 });

 $("input[name='fname']").blur(function(){
           $("input[name='fname']").tooltip("close");
           $("input[name='fname']").tooltip("disable");return false;
 }); 

});

</script>

表格要长得多，但我认为只需一个字段就足以关注问题。关于该主题的讨论不多，所提供的建议也不起作用。

Answer 1

我怀疑两个问题：

1) 在这样的行中：$("input[name='fname']").tooltip("enable"); $("input[name='fname']").tooltip("open");return false;更改input[name='fname']为(this)

2）尝试移动这一行：$("input[name='fname']").tooltip({ content: "Please enter your first name."});紧随这一行之后：

$("input[name='fname']").tooltip("disable");return false;