Question

我在表格的输入元素上有一个工具提示。我想在输入元素或相邻表数据中的输入元素的焦点上触发该工具提示。

这是我的HTML结构

<td class="feat-attr filled">
    <select data-toggle="tooltip" data-placement="bottom" title="Select the type of keyboard" name="attr_text">
        <option value="">Not Available</option>
        <option value="129">Normal Keypad</option>
        <option value="128">QWERTY</option>
        <option value="709" selected>Touchscreen</option>
    </select>
</td>
<td class="feat-text">
    <input type="text" name="text" value="Touchscreen"/>
</td>

具有工具提示的元素可以是select元素，也可以是input元素。这是我的JS代码来触发工具提示

$(function () { $("[data-toggle='tooltip']").tooltip({'trigger':'focus'}); });

这适用于带有工具提示的输入元素。当用户聚焦于相邻的输入元素时，如何显示工具提示？

Answer 1

这是正确答案

<select data-toggle="tooltip"  data-trigger="focus"
        data-placement="bottom" title="Select 
        the type of keyboard" name="attr_text">


data-trigger="focus"//trigger tooltip event for focus
data-trigger="hover"//trigger tooltip event for hover
data-trigger="active"//trigger tooltip event for active

检查是链接 click here

Bootstrap工具提示触发输入元素和下一个输入元素的焦点

1 个答案: