jQueryのUIのダイアログウィジェットの表示/非表示の方法をより詳細に制御することが可能ですか?

StackOverflow https://stackoverflow.com/questions/531344

質問

現在はダイアログのウィジェットを使用しているとき、私が唯一の彼らの最も基本的な形で効果を使用することができるようです。たとえば、次のように示すと、ダイアログボックスを非表示に両方のドロップエフェクトを使用します。

$('#dialog').dialog({show:'drop', hide:'drop'});

ただし、ドロップ方式のデフォルトは常に左に低下します。それが右にドロップするために私が本当に欲しいのです。このような何かます:

$('#dialog').dialog({
   show:{effect:'drop', direction:'right'},
   hide:{effect:'drop', direction:'right'}
});

これは可能ですか?

私は現在、1.6rc6を使用しています。私はまた、任意の運なしでそれ1.5.3(安定した)を試してみた。

<時間>

は、ソースにビットを掘った後、私は、これは両方のバージョン1.5.3および1.6rc *でサポートされていないと思います。上記の機能をサポートすることができます前に、それはおそらく、APIへの変更を必要とします。 Steerpikeは、おそらくメインラインにする必要がありますバージョンを発見しました。誰もがそうでない場合は知っている場合、私を修正します。

役に立ちましたか?

解決 2

このは1.6と1.7.1で現在可能ではありません。

他のヒント

実際には、あなたはjQueryのUIの効果のいずれかを使用することができます。例えば脈動します:

$("#dialog").dialog({ show: "pulsate" });

ここで発見されるたくさんあります: http://docs.jquery.com/UI/エフェクト/

effects.core.jsへの依存性があることに注意します。

私は「ショー」に(あなたがやったように)オプションを渡してみました、それは動作しませんでした。また、私は「ショー」機能、運の無駄を作ってみました。

何が働くことはあります:

$("a").click(function() {
    $("#dialog").hide("drop", { direction: "right" }, 1000);
});

あなたはhref="http://labs.cloudream.name/jquery/dialog/dialog.html" rel="nofollow noreferrer">ダイアログボックスの例が有用を

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top