1つの要素の複数のQティップが機能しない

Question

ユーザーが1日以上移動すると、ツールチップが表示されますが、ユーザーがその日をクリックすると、別のツールチップが表示されます。これまでのところ、私は何も起こらないのですが、クリックすると動作します。

HTML：

echo "<span><a href='#' class='add_event_tooltip tooltip' title="\$list_day\">$list_day</a></span>"; 

jqueryの：

<script type="text/javascript"><!-- TOOL TIP --> 
$('.tooltip').live('mouseover', function(event) { 
    $(this).qtip({ 
     overwrite: true, 
     position: { viewport: $(window)}, 
     style: { 
     classes: 'ui-tooltip-shadow ui-tooltip-rounded' 
     }, 
     show: { 
     event: event.type, 
     ready: true 
     } 
    }, event); 
}) 
</script> 
<script language="javascript" type="text/javascript"> 
$('.add_event_tooltip').qtip({ 
     content: { 
      ajax: { 
       url: 'test.html' 
      }, 
     }, 
     position: { 
      my: 'center', // ...at the center of the viewport 
      at: 'center', 
      target: $(window) 
     }, 
     show: { 
      event: 'click', // Show it on click... 
      solo: true, // ...and hide all other tooltips... 
      modal: true // ...and make it modal 
     }, 
     hide: false, 
     style: 'ui-tooltip-light ui-tooltip-rounded' 
}); 
</script> 

それは一つのクラスは、過乗って他のクラスであることは可能ですか？それで、どのようにして両方のツールチップが相互に作用し、マウスオーバー時に.tooltip、クリック時に.add_event_toolを得ることができるのですか？

ありがとうございました。

Answer 1

style:"class: 'ui-tooltip-shadow ui-tooltip-rounded'" 

クラスにする必要はありません。クラスに変換してください。

style:"class:'ui-tooltip-light ui-tooltip-rounded'" 

ここではクラスがありません。他のものは問題ありません。今すぐお試しください

Answer 2

最新のqTip2で解決されました。複数のqTipsを同じターゲット上で動作させるには、2番目のqtipにoverwrite：falseオプションを追加する必要がありました。申し訳ありませんが、それとのトラブルを抱えていない、Qティップ自身のためだけのスタイルその

http://qtip2.com/options#core.overwrite