あなたが見ている振る舞いを実際に反映しているツールチッププラグインを使いやすくないでしょうか(要素をホバリングするとボックスを表示/非表示)?
qTipと思います。
簡単なツールチップを表示したり、Ajaxでコンテンツを読み込んだり、高度なコンテンツ(テキストだけでなく)を表示したり、高度なスタイリングが可能で、完全なAPIを提案することができます。一方
、私はSimpleModalについて多くを知らないとあなたはどんなJavaScriptを表示しないように、私はあなたが実際にモーダルダイアログを作成する方法を推測することができます。
とにかく、jQueryは、マウスで要素を入力して放置する場合を処理する方法を提案しています(.hover())。だから私はjQueryのからmouseleave()
と一緒にそれを使用することをお勧めしますが
$.modal.close()
を行うSimpleModalを閉じるには
$('#myelement').hover(
// this function is executed when entering the element with the mouse
function(e) {
// create you SimpleModal here
},
// this one when leaving
function(e) {
// close it here
// from the SimpleModal doc, you close the currently opened modal with
$.modal.close()
}
);
DEMO