点击显示输入字段's标题工具提示

Show input field's title tooltip on click

本文关键字：标题 工具提示 显示 输入 字段      更新时间：2023-09-26

不使用jQuery默认提供的工具提示库。
jsfiddle http://jsfiddle.net/bobbyrne01/xZzQ9/
有一个带有工具提示的输入框，在悬停时显示得很好。

Name:
<input type="text" id="name" title="Please input your name" />
<button id="start" type="button">Click Me!</button>

jquery设置工具提示:

$(document).ready(function () {
    $(document).tooltip();
    $("#name").tooltip({
        show: {
            effect: "slideDown",
            delay: 250
        }
    });
});

是否可以在单击按钮时以编程方式显示相同的工具提示?如

$("#start").click(function () {
    //show tooltip
});

假设您的示例片段遵循工具提示库的API，并且从您的问题来看，我认为您不希望在提交时重定向。如果满足这两个条件，这段代码可以工作

$('#start').submit(function(e) {
  e.preventDefault();
  $("#name").tooltip({
    show: {
      effect: "slideDown",
      delay: 250
    }
  });
});

你正在抓取作为jQuery事件函数的第一个参数发送的事件对象，并阻止它提交页面和重定向，默认操作。我希望这就是你的意思。

你现在必须自己处理这个提交

更新

这里有一个小提琴似乎更符合你问的实际问题。http://jsfiddle.net/xZzQ9/3/

相关文章：