Question

在同一元素上调用两次.qtip会删除之前的qtip。是否可以在同一个元素上有两种qtip样式（一种是右键单击，一种是鼠标悬停）

Answer 1

你在同一个元素上不能有2个，但你可以在一个范围内包含该元素，并使用不同的触发器调用qtip。

Answer 2

我刚刚接受了Bruian的回答，因为我尝试了通过Googling找到的另一种技术，即创建qtip并在添加另一个之前添加removeData（'qtip'）：

$('.selector')
    .qtip() // tooltip 1
    .removeData('qtip') // remove it's data
    .qtip(); // tooltip 2

这种技术适用于简单的情况，但你正在为重复的ID和其他问题做好准备。

Answer 3

对于仍然感兴趣的人使用一个描述多项。您可以使用此方法：

1）使用您想要的所有描述项创建一个div。例如：

 <div id='description' class='describe_content' style='display:none;'>
   <div id='test'>this is description</div>
   <div id='test2'>teeest</div>
 </div>

2）使用以下代码进行qtip。您可以看到每个项目的评论。

$(document).on('mouseover','input ,select ,dl , .dropdown2 .mutliSelect li',function(event)
 {
  string = $("#test2");
$(this).qtip({
    overwrite: true, //to allow it the same item be paste to other part.
    position: {
            my: pos[pos_c+3],  // Position my top left...
            at: pos[pos_c], // at the bottom right of...
            target: $(this) // my target
    },
    content: {
    text: string,   // the text
    },
    show:{
      event: event.type, //use the same show event as the one that triggered
      ready: true      //show the tooltip as soon as it's bound.
    },
     'font-size': 16
  },event);// have to pass event as second parameter, because qtips positioning
}

请注意，该位置只是一个额外选项，您可以根据需要将其删除。

在同一元素上有多个qTip2

3 个答案: