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

Cannot restrict JQuery UI tooltip on form input field to be displayed on click/focus event only

本文关键字：单击 显示 事件 焦点 工具提示 表单 输入 字段 UI JQuery      更新时间：2023-09-26

>基本上，我试图仅在焦点事件上显示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>

形式要长得多，但我认为只有一个字段就足以专注于问题。关于这个话题的讨论不多，提供的建议也不起作用。

我怀疑两个问题：

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;
相关文章：