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;

不能将表单输入字段上的JQuery UI工具提示限制为仅在单击/焦点事件上显示

1 个答案: