jQuery UI Dialog titlebar issue

Question

آمل أن يكون لدى شخص آخر هذا ويمكنه توجيه لي في الاتجاه الصحيح فيما يتعلق بالسبب/الإصلاح.

المشكلة التي أواجهها هي أنني أستخدم jquery ui-dialog لبعض إدخال الشكل. عندما يتم عرض الحوار ، فإنه يخلو من شريط العنوان تمامًا. لقد قمت بتكسيره مفتوحًا في Firebug ولاحظت أن هناك عنصر CSS يشار إليه على النحو التالي ؛

element.style {
  display:none;
}

يبدو أن element.style ، في Firefox يشير إلى/html/body/div [3]/div وهو Div المستخدم في شريط العنوان نفسه. عندما أقوم بتعطيل العرض: لا شيء ؛ يصبح شريط العنوان مرئيًا. لذلك ، أعرف ما يبدو أنه يسبب ذلك ، لكن يبدو أيضًا أن CSS هو نتيجة لشيء ما قد يحدث في jQuery نفسه ربما.

لقد اعتقدت في الأصل أنني قد أعاني من تعارضات CSS بسبب ملفات CSS الخاصة بي ، لذلك علقت عليها وحاولت تشغيل الصفحة مع LIBs JQuery فقط و CSS والصور المخصصة. لا يزال يحصل على نفس الشيء.

لقد قاتل هذا منذ أيام الآن ويمكنني استخدام بعض النصائح.

شكرًا

تحديث:

$(document).ready(function() { 
    $("#dlgEditMlgData").dialog({ autoOpen: false, 
                                  modal: true, 
                                  show: 'blind', 
                                  hide: 'explode', 
                                  title: 'Mileage Entry Edit Utility'
    }); 
    $("#dlgEditMlgData").hide().siblings().hide();
});

Answer 1

قمت بنشر الرمز الخاص بك مثل هذا:

$(document).ready(function() { 
  $("#dlgEditMlgData").dialog({ 
    autoOpen: false,
    modal: true,
    show: 'blind',
    hide: 'explode',
    title: 'Mileage Entry Edit Utility'
  }); 
  $("#dlgEditMlgData").hide().siblings().hide(); 
});

عند الاتصال. dialog يتم نقل العنصر إلى نهاية المستند وإدخاله في غلاف (إطار الحوار).

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

Answer 2

هل هناك سبب في استدعاء $ ("#dlgeditmlgdata"). Hide (). الأشقاء (). Hide ()؟ عندما تقوم بتهيئة حوار مع مجموعة AutoOpen على False ، يتم إخفاء مربع الحوار للبدء. لإظهار الحوار ، يمكنك الاتصال بعد ذلك:

$('#dlgEditMlgData').dialog('open');

لا حاجة للاتصال بشكل صريح Hide () في مربع الحوار أو أشقائه.