Question

除了默认提供的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
        }
    });
});

单击按钮时是否可以以编程方式显示相同的工具提示？ e.g

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

Answer 1

假设您的示例代码段遵循工具提示库的API和您的问题，我认为您不想重定向提交。如果出现这两种情况，则此代码可能工作

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

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

您必须自己处理该提交

更新

这是一个小提琴，似乎更能解决你所问的实际问题。 http://jsfiddle.net/xZzQ9/3/

单击时显示输入字段的标题工具提示

1 个答案:

更新