Ist möglich, mehr granulare Kontrolle über jQuery UI Dialog Widget zeigen / verstecken Methode zu haben?
-
22-08-2019 - |
Frage
Zur Zeit scheint es, dass ich nur Effekte in ihrer grundlegendsten Form verwenden kann, wenn das Dialog-Widget verwenden. Zum Beispiel wird im Folgenden den Drop-Effekt für beide Darstellung verwenden und das Dialogfeld versteckt:
$('#dialog').dialog({show:'drop', hide:'drop'});
Allerdings fällt die Standardeinstellung für die Drop-Methode immer auf der linken Seite. Was ich wirklich will, ist es auf der rechten Seite fallen zu lassen. So etwas wie folgt aus:
$('#dialog').dialog({
show:{effect:'drop', direction:'right'},
hide:{effect:'drop', direction:'right'}
});
Ist das möglich?
Ich bin derzeit 1.6rc6. Ich habe versucht, es auch 1.5.3 (stable) ohne Erfolg.
in die Quelle Nach dem Graben ein wenig, ich glaube nicht, das sowohl in der Version 1.5.3 und 1.6rc unterstützt wird *. Es wird wohl eine Änderung des API erfordern, bevor die oben beschriebene Funktionalität unterstützt werden kann. Steerpike hat eine Version gefunden, die wahrscheinlich in der Hauptlinie sein sollte. Wenn jemand anders kennt, korrigiert mich.
Lösung 2
Dies ist derzeit nicht möglich, mit 1.6 und 1.7.1.
Andere Tipps
Eigentlich kann man eine der jQuery UI-Effekte verwenden; z.B. pulsieren:
$("#dialog").dialog({ show: "pulsate" });
Es gibt viele hier gefunden werden: http://docs.jquery.com/UI/ Effekte /
Beachten Sie, dass eine Abhängigkeit von effects.core.js ist.
Ich habe versucht, eine Option vorbei (wie Sie haben) in ‚Show‘, es hat nicht funktioniert. Ich habe versucht, auch ‚Show‘, eine Funktion zu machen, kein Glück Erfolg.
Was funktioniert jedoch ist:
$("a").click(function() {
$("#dialog").hide("drop", { direction: "right" }, 1000);
});
Sie können diesen Link finden Dialogfeld Beispiele nützlich. Insbesondere die zweite von rechts. Ich bin mir nicht sicher, ob es die Standard-Dialog-Plugin, aber man sollte es herauszufinden Lage sein, aus den Beispielen sie verwenden.