根据名称应用引导工具提示

时间:2013-11-29 11:46:13

标签: jquery twitter-bootstrap tooltip

我正在使用Bootstrap工具提示,如下所示:

<a class="tip" data-toggle="tooltip" data-placement="top" title="Tooltip text"> <!--Some Element --> </a>

$(".tip").tooltip;

我有一些我正在使用的标准文本字段,它们基于使用PHP的某些条件出现在我的页面上。

如何在不使用锚标记的情况下应用基于名称的工具提示和默认文本?

所以我想用jquery来做这件事。使用名称选择器选择名称为“Name”的任何字段,并应用工具提示“这是名称”,以便它与字段匹配,而不管满足条件。

或者我应该采取其他方式吗?

1 个答案:

答案 0 :(得分:0)

如果目标是使用引导工具提示输入元素,这里有一种方法。

JS Bin上的实例
http://jsbin.com/eGErEWo/1/edit

JS代码段

  $("input[name='fooName']").tooltip({
      "title": "Yo! Here is an input.", 
      "trigger": "hover", 
      "placement": "top" 
   });

HTML代码段
这里所有相关的是输入的名称fooName

<input type="password" class="form-control" id="inputPassword3" placeholder="Password" name="fooName">