جافا سكريبت - بدء شريحة السلايدر في Bootstrap بدون "نشط"
أحب استخدام شريط تمرير Bootstrap carousel. هل من الممكن بدء شريط التمرير دون وجود فئة active في الصورة الأولى؟ الكود مضبوط باستخدام TYPOSCRIPT ولا أستطيع تعيين العنصر الأول على أنه نشط. هل هناك طريقة باستخدام JavaScript؟
شكراً على المساعدة
مسيحي
كود HTML
<div class="caro اقرأ أكثر →جافا سكريبت - تأكيد نافذة منبثقة باستخدام Bootstrap
لدي جدول يعرض تفاصيل المستخدم لكل صف مع زر حذف يقوم بفتح مربع حوار تأكيد باستخدام Bootstrap.
هدفي هو أن يقوم زر التأكيد بتشغيل حدث سيحذف ذلك المستخدم المحدد.
كيف يمكنني تمرير jsmith22 من صف الجدول إلى دالتي في جافاسكريبت؟
جدول HTML
<tr> <td>jsmith22</td> <td>John Smith</td اقرأ أكثر →جافاسكريبت - مسح قيمة محدد التاريخ Bootstrap
أنا أستخدم عنصر التحكم Bootstrap DatePicker في تطبيقي. أحاول معرفة كيفية مسح قيمة الحقل. أشعر ببعض الغباء لطرحي هذا السؤال. بصراحة، يبدو أنه ينبغي أن يكون الأمر بسيطًا. لكن، لم أنجح حتى الآن. لقد جربت الطرق الموصى بها في هذا المنشور على Stack Overflow دون جدوى.
حالياً، لدي هذا JSFiddle. الكود الذي أستفسر عنه يبدو كالتالي:
$(fun اقرأ أكثر →جافاسكريبت - إذا تم الإشارة إلى إصدارات متعددة من ملفات JS (Bootstrap) في HTML، أيها يأخذ الأولوية؟
يقوم HTML بتحميل مكتبته بدءًا من أعلى الصفحة إلى أسفلها، أليس كذلك؟ ماذا لو كان لديك إصدار أقدم من إطار عمل/مكتبة (مثل jQuery أو Bootstrap) مذكورًا أسفل الإصدار الأحدث؟
كيف ستأخذ نسختان من Bootstrap المشار إليهما في HTML الأولوية؟
هل ستأخذ المكتبة الأخيرة المحملة الأسبقية؟
هل ستأخذ نسخة JS الأحدث الأفضلية؟
هل ستتم تحميل نسختي جافا سكريبت بشكل تراكمي؟
هل ينطبق نفس الشيء على مكتبات أخرى
اقرأ أكثر →جافاسكريبت - أريد أن تتحرك شرائح الكاروسيل في Bootstrap عند الضغط على أسهم لوحة المفاتيح اليسرى واليمنى
لديّ دوّامة صور داخل نافذة منبثقة. أريد أن تتحرك الصور ذهابًا وإيابًا عندما أضغط على مفاتيح الأسهم اليمنى/اليسرى على لوحة المفاتيح. حسب وثائق دوّامة Bootstrap، القيمة الافتراضية للخاصية data-keyboard هي true، لكن لا يحدث شيء عندما أضغط على مفاتيح الأسهم
اقرأ أكثر →جافاسكريبت - استخدام SweetAlert2 مع Bootstrap 4
أنا أستخدم sweetAlert2 وأحاول استخدام bootstrap 4 لتصميم الأزرار، مع ضبط الخصائص:
buttonsStyling: false, confirmButtonClass: 'btn btn-primary btn-lg', cancelButtonClass: 'btn btn-lg'إنه يعمل، ومع ذلك فإن خيار showLoaderOnConfirm يظهر بأسلوب قبيح جدًا عندما أضع تلك الخصائص أعلاه.
يمكنك التحقق من
اقرأ أكثر →جافا سكريبت - كيفية تغيير خط bootstrap.css في HTML إلى الخط الذي قمت بتحميله
لقد حاولت أن أجد طريقة لفعل ذلك، على الأقل هذا الرابط كاد أن يساعدني. لكنه/ها يستخدم الرابط لتغيير الخط.
لكن لدي خط خاص تم تحميله باستخدام محول الخطوط (.eot .otf .svg .ttf .woff .woff2)
ولدي style.css كما يلي:
/* font converted using اقرأ أكثر →جافاسكريبت - عرض أكورديون Bootstrap بشكل افتراضي على سطح المكتب وإخفاؤه بشكل افتراضي على الهاتف المحمول
أنا جديد نوعًا ما في Bootstrap لذا لست متأكدًا من كيفية المضي قدمًا في هذا.
لدي أكورديون بسيط من Bootstrap مثل هذا المثال. تم تقسيمه إلى عدة أكورديونات لأنني أريد أن تكون قادرة على التوسع والانكماش بشكل مستقل عن بعضها البعض. (أي يمكنها التوسع وعرض كل العناصر أو
اقرأ أكثر →جافا سكريبت - نص زر Bootstrap 5 لونه أسود بدلاً من الأبيض مثل عرضهم التجريبي
لست متأكدًا مما إذا كان هذا خطأً مني عند تثبيت Bootstrap 5، لكن الكثير من أزراري تستخدم خطًا باللون الأسود بدل الخط الأبيض كما هو موضح في توثيق Bootstrap 5
على سبيل المثال، يبدو .btn-primary في وثائق Bootstrap هكذا:
ومع ذلك عند استخدامي لنفس HTML أحصل على هذ
اقرأ أكثر →جافاسكريبت - Bootstrap: التصميم المتجاوب - تنفيذ JS عند تغيير حجم النافذة من 980 بكسل إلى 979 بكسل
أنا أستخدم أحدث نسخة من Bootstrap الخاصة بتويتر. أود تنفيذ دالة JS معينة (لإظهار التلميح مرة واحدة) عندما يكون عرض نافذتي أقل من 980 بكسل (كما تعلم، في هذا الحجم يقوم Bootstrap بتعديل شريط التنقل ويخفي عناصر القائمة القياسية) – النافذة تكون من 768 إلى 979، لل
اقرأ أكثر →