Chosen: تم اختيار التصميم غير المناسب في مربع حوار التمهيد 3.x.

تم إنشاؤها على ٣١ مايو ٢٠١٧ · 6تعليقات · مصدر: harvesthq/chosen

لخص مشكلتك هنا.
تم اختيار التصميم غير المناسب في مربع حوار التمهيد 3.x.

خطوات التكاثر

تحميل ملف bootstrap's css
تحميل تحميل مربع حوار.
افتح مربع الحوار

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

سلوك متوقع

لإظهار القائمة المنسدلة ذات التصميم الجميل والقابلة للبحث

السلوك الفعلي

ها أنت ذا

بيئة

الإصدار المختار :
selected_v1.6.2 /
إصدار jQuery أو النموذج الأولي :
/jquery/1.11.2/jquery.min.js '
المتصفح والإصدار :
Mozilla / 5.0 (Windows NT 10.0؛ WOW64؛ rv: 53.0) Gecko / 20100101 Firefox / 53.0
نظام التشغيل والإصدار :
نوافذ 10

معلومة اضافية

غير متوفر

مصدر

lordspace

التعليق الأكثر فائدة

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

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

lordspace في ١٧ يونيو ٢٠١٧

👍3 ❤1

ال 6 كومينتر

Chosen 1.6.2 ليس هو الإصدار الأحدث - هل ما زلت تواجه مشكلتك في أحدث إصدار تم إصداره ؟

tjschuck في ٣١ مايو ٢٠١٧

سوف أتأكد من أنني أمتلكها وأعلمك بذلك.

lordspace في ٣ يونيو ٢٠١٧

نعم ، لا تزال المشكلة قائمة حتى في أحدث إصدار 1.7.

راجعت بعض موضوعات stackoverflow وتوصلت إلى هذا الإصلاح.

$('.modal').filter('[class*=_dialog]').on('show.bs.modal', function () {
                // This makes the dialog expand when shown in a bootstrap dlg
                $(this).find('.chosen-container').css({width: "100%"});
            });

التطبيق مخصص للعميل ولا يمكنه توفير رابط له.

lordspace في ٥ يونيو ٢٠١٧

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

lordspace في ١٧ يونيو ٢٠١٧

👍3 ❤1

شكرا للاختراقlordspace. لقد استغرق الأمر بعض الوقت للعثور على الإصلاح الخاص بك.

لست متأكدًا من سبب إغلاق هذه المشكلة في الريبو "المختار من التمهيد" (https://github.com/alxlit/bootstrap-chosen/issues/54).