Sweetalert: موقف الزر

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

يمكن أن تكون الكتابة فوق CSS مثل

.sa-button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.sa-button-container .cancel {
    -webkit-order: 2;
            order: 2;
}
.sa-button-container .sa-confirm-button-container {
    -webkit-order: 1;
            order: 1;
}

gremz @ t4t5 لدي نفس المشكلة. لقد بحثت في المصدر لمعرفة ما إذا كنت أقوم بالتخصيص ولكن لم أجد طريقة غير معقدة لتخصيص المكون الإضافي نفسه. لذلك استقرت على طريقة اختراق في الكود الخاص بي :-) إذا كنت تستخدم jquery ، فإن شيئًا كهذا يعمل بشكل جيد.

function swapModalButtons(){
  $("button.cancel").before($("button.confirm"))
}

src: modules / inserted-html.js line: 53 u سترى ما تريد ، ولهذا السبب لا يمكنك تعيين ترتيبها.
تعديل: sweetalert.min.js
اعثر على إلغاء ، قم بإزالة موقعه ، إنه عمل.

يجب أن تستخدموا يا رفاق هذه الشوكة الآن: https://limonte.github.io/sweetalert2/

تم تحديثه بالفعل ولديه خيار زر عكسي.

ryanmortier أنا في مشروع كبير
ghost قمت بتحرير html.js المحقون وغيرت الترتيب ... لقد حاولت تغيير sweetalert.min.js. هذا عمل فوضوي جدا. لا أستطيع معرفة ما إذا كنت قد فعلت ذلك بشكل صحيح أم لا. الأزرار ما زالت لم تنعكس. ما هي أفضل طريقة لتحرير ملف min؟

يمكن القيام بذلك الآن في الإصدار 2.0 باستخدام:

swal({ 
  buttons: { 
    confirm: true, 
    cancel: true,
  }
})

... لتعيين الترتيب الدقيق!

يجب أن تستخدموا يا رفاق هذه الشوكة الآن: https://limonte.github.io/sweetalert2/

هذا الرابط قديم ، إليك الرابط الصحيح https://sweetalert2.github.io/

أهلا. كان لي نفس المشكلة. وحل مع هذا العمل حول. انتقل إلى .min وابحث عن:
فئة div = "sa-button-container"> \ n
تأكيد \ n