1

qtip2を使用して、次の方法で画像の上にメッセージボックスを表示します。

$('#july').qtip({
   content: {text: $('div#messages_box div.message_july')}, 
   show: {event: 'click', delay: 0},
   hide: {event: 'unfocus'},
   position: {my: 'left center', at: 'right center', target: '#july'},
   style: {classes: 'ui-tooltip-rounded ui-tooltip-mine ui-tooltip-shadow', width: '350px', tip: {width: 20, height: 15}}
});

Firefox、IE7、IE9では正常に動作しますが、IE8をクリックしてから表示するには、約5〜6秒待つ必要があります。

誰かがこれに対する解決策を持っていますか？

ありがとう

4

1 に答える 1

1

解決策を見つけました。jQuery要素に.html（）を追加するだけです。このようにして、すべてのノードコンテンツをメッセージとして取得し、ノードを失いましたが、表示が非常に高速になります。

$('#july').qtip({
   content: {text: $('div#messages_box div.message_july').html()}, 
   show: {event: 'click', delay: 0},
   hide: {event: 'unfocus'},
   position: {my: 'left center', at: 'right center', target: '#july'},
   style: {classes: 'ui-tooltip-rounded ui-tooltip-mine ui-tooltip-shadow', width: '350px', tip: {width: 20, height: 15}}
});

ありがとう

于 2012-06-19T20:46:39.313 に答える