هل من الممكن الحصول على تحكم أكثر دقة في طريقة العرض/الإخفاء الخاصة بـ jQuery UI Dialog Widget؟

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/

لاحظ أن هناك تبعية على Effects.core.js.

لقد حاولت تمرير خيار (كما فعلت أنت) إلى "إظهار"، لكنه لم ينجح.لقد حاولت أيضًا إنشاء وظيفة "إظهار" ولكن دون جدوى.

لكن ما يعمل هو:

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

قد تجد هذا الرابط من أمثلة على مربع الحوار مفيد.وخاصة الثاني من اليمينلست متأكدًا مما إذا كان يستخدم البرنامج الإضافي للحوار القياسي، ولكن يجب أن تكون قادرًا على اكتشاف ذلك من الأمثلة التي يستخدمونها.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top