2012-02-22 20 views
1

pjaxリンクでjquery.tipsyを使用している場合、クリックした後のツールヒントはマウスオーバー時に表示されません。jquery pjax + jquery tipsyクリックした後にマウスが表示されてもツールヒントが非表示にならない

これは、クリック後、mouseoutイベントがこの要素から外されていることを意味する可能性があります。そのため、問題が存在しますか?

ここで私はpjaxほろ酔い&を(読み込む方法です)

$(function() { 
    $('[data-pjax]').pjax('#offer-table', {timeout: 100000}) 
}) 


<script type='text/javascript'> 
    $('a.tipsy').tipsy({delayIn: 500}); 
</script> 

jqueryの-pjax:ほろ酔いhttps://github.com/defunkt/jquery-pjax

jqueryの:http://onehackoranother.com/projects/jquery/tipsy/

編集:同じ結果live: trueはほろ酔いに追加した場合() 。

+1

あなたが常にプラグインへの参照/ソースの人が持っていないので、リンクを含める必要がありますあなたを助けるために探しに行くこと。 –

+0

情報ありがとうございました。 – Robert

+0

これはページのすべてのリンクの場合ですか?あるいは '#offer-table'の子であるリンクだけ? – jessegavin

答えて

0

私は同様の問題を抱えています。ページは<div data-pjax-container>の内容にpjaxを使用します。コンテナ内の要素にはマウスオーバーで表示され、マウスアウトでは非表示になります。私がpjaxの変更をトリガして、要素が変化している間にその要素をホバーすると、もはやマウスアウトの要素がないので、ヒントは隠れることはありません。

これは私がCoffeeScriptのように、やってしまったものです:

PJAX_TIPSY_CLASS = "pjax-tipsy" 

$element.tipsy(live: true, className: PJAX_TIPSY_CLASS) 

# pjax changes could leave a tipsy up from the old page. 
$pjaxContainer = $('[data-pjax-container]') 
$pjaxContainer.bind 'pjax:end', -> 
    $(".#{PJAX_TIPSY_CLASS}").remove() 

やJavaScriptなど:

var PJAX_TIPSY_CLASS = "pjax-tipsy"; 

$element.tipsy({ live: true, className: PJAX_TIPSY_CLASS }); 

var $pjaxContainer = $('[data-pjax-container]'); 
$pjaxContainer.bind('pjax:end', function() { 
    $("." + PJAX_TIPSY_CLASS).remove(); 
}); 
関連する問題