2017-01-16 12 views
0

私はqtipを使用して小さなポップアップを表示しています。また、showとhideイベントを追加するとshowイベントが機能しなくなります。ここでqtipブレークにhideイベントを追加するshow

は、私はちょうど両方のショーで、単一のイベントがあり、それはまた働く非表示にした場合、興味深いことに作業と壊れたバージョン http://jsfiddle.net/39mz295b/

<input id="works" type="text" value="Hover here - works"/> 
<input id="broken" type="text" value="Hover here - broken"/> 

$('#works').qtip({ 
    content: { 
     text: 'hello' 
    }, 
    show: { 
     event: 'click mouseenter' 
    }/*, 
    hide: { 
     event: 'click mouseleave' 
    }*/ 
}); 

$('#broken').qtip({ 
    content: { 
     text: 'hello' 
    }, 
    show: { 
     event: 'click mouseenter' 
    }, 
    hide: { 
     event: 'click mouseleave' 
    } 
}); 

を示した例です。

$('#broken').qtip({ 
    content: { 
     text: 'hello' 
    }, 
    show: { 
     event: 'mouseenter' 
    }, 
    hide: { 
     event: 'mouseleave' 
    } 
}); 

助けがあれば助かります。

答えて

1

はhideイベント退治問題を解決するようだ: http://jsfiddle.net/refqzkpx/

$('#fixed').qtip({ 
content: { 
    text: 'hello' 
}, 
show: { 
    event: 'click mouseenter' 
}, 
hide: { 
    /*event: 'click mouseleave'*/ 
} 
+0

それはhideイベントリストでは動作しませんが、これは私が必要なもののために働く理由として無回答。ありがとう –