【问题标题】:Apply bootstrap tooltips based on name根据名称应用引导工具提示
【发布时间】:2013-11-30 07:26:45
【问题描述】:

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

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

$(".tip").tooltip;

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

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

所以我想用 jquery 来做这件事。使用名称选择器选择名称为“名称”的任何字段,并应用工具提示“这里是名称”,这样无论是否满足条件,它都会匹配该字段。

或者我应该以其他方式执行此操作吗?

【问题讨论】:

    标签: jquery twitter-bootstrap tooltip


    【解决方案1】:

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

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

    JS sn-p

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

    HTML sn-p
    这里唯一相关的是输入的名称,fooName

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-03-17
      • 1970-01-01
      • 2013-05-15
      • 2013-06-19
      • 2017-01-07
      • 1970-01-01
      • 1970-01-01
      • 2013-05-07
      相关资源
      最近更新 更多