Question

我在这样的表格中得到了许多qtips：

$('.selector').qtip({
   content: {
      text: function(api) {
         // Retrieve content from custom attribute of the $('.selector') elements.
         return $(this).attr('qtip-content');
      }
   }
});

我不想单独添加所有qtips，因为它会创建许多我不想做的javascript事件。

我的html是这样的，我认为它很容易回答我的问题：

<tr>
    <td>
    Main Alliase/Current Alliase:
    </td>
    <td><input type="text" id="maina"/>
    </td>
        <td id="handle-1" qtip-content="ToolTip's content here" class="selector">?</td>
    <td><div id="error-1" class="errors"></div></td>
    </tr>

现在我想要的是当我专注于#maina时，它会改变qtip对应的类selector的状态。

但是当我使用它时：

$('.selector').qtip('toggle', true);

这当然会抄袭与之相关的每个工具提示

我如何实现目标？

Answer 1

这可能会有所帮助：

$("#maina").bind("focus", function () {
    $(this).closest("tr").find(".selector").qtip('toggle', true);
});

jQuery qTip 2仅在焦点上打开所需的qTip

1 个答案: