2017-01-16 64 views
0

我使用qtip顯示一個小的彈出窗口,並且我發現如果添加隱藏事件以及顯示,則顯示事件不再起作用。將隱藏事件添加到qtip中斷顯示

這裏是表示加工的例子,一個破碎的版本 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

擺脫隱藏事件似乎來解決這個問題: http://jsfiddle.net/refqzkpx/

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

沒有一個答案,爲什麼它不以隱藏事件列表工作,但這種方式更適合我的需要。謝謝 –

相關問題