2

クリック イベントと qtip2 について少し質問があります。

element を最初にクリックした後、$j('a[href^="/i/"]')もう一度移動すると、バブルが表示されます。要素をクリックするたびにバブルが表示されるようにしたいと思います。

私のコード:

$j('a[href^="/i/"]').click(function(event) { 
        event.preventDefault(); 
        $j(this).qtip({
            content: {
                title: {
                    text: title_qtip,
                    button: true,
                },
                text: text_qtip,                
            },
            show: { 
                //  event: false,   <-- doesn't work
                solo: true,
                ready: true 
            },
            hide: false,
        });   
       // $j('a[href^="/i/"]').unbind('click');    <-- doesn't work
       // $j('a[href^="/i/"]').unbind('onmouseover').unbind('onmouseout');   <-- doesn't work
});
4

1 に答える 1

1

まず、イベントハンドラー内でqTip2関数を宣言しないでください。オブジェクトがクリックされるたびに新しいqTipを宣言する必要はありません。あなたがしなければならないのは、show関数のイベントラインを変更することだけです。そのはず:

$j(document).ready(function(){

     $j('//selector').qtip({
        content: {
            title: {
                text: title_qtip,
                button: true,
            },
            text: text_qtip,                
        },
        show: { 
            event: 'click',   
            solo: true,
            ready: true 
        },
        hide: false,
    });   
}

$j(//your selector)これにより、セレクター( )がクリックされたときにツールチップがトリガーされます。

更新されたフィドルは次のとおりです:http://jsfiddle.net/LJwLh/1101/

あなたの問題はaタグの使用にあるようです。何にもリンクしない場合は、そのタグを使用する理由はありません。

于 2012-08-06T23:00:03.637 に答える