Sweetalert: selalu tampilkan field input meskipun hanya menggunakan swal('ok');

Dibuat pada 17 Feb 2016 · 11Komentar · Sumber: t4t5/sweetalert

Bagaimana saya bisa menonaktifkan bidang input?

Sumber

killernova

Komentar yang paling membantu

saya sementara memperbaikinya dengan melakukan di css: .

.sweet-alert fieldset input[type="text"] {
tampilan: tidak ada;
}

Ini mungkin bukan solusi terbaik tetapi setidaknya saya tidak melihat bidang input sekarang.

filipveschool pada 5 Apr 2016

👍3

Semua 11 komentar

Saya juga punya masalah ini

Ammet pada 18 Feb 2016

saya sementara memperbaikinya dengan melakukan di css: .

.sweet-alert fieldset input[type="text"] {
tampilan: tidak ada;
}

Ini mungkin bukan solusi terbaik tetapi setidaknya saya tidak melihat bidang input sekarang.

filipveschool pada 5 Apr 2016

👍3

Saya juga memiliki masalah ini - sepertinya jquery mobile CSS membuatnya terlihat entah bagaimana.

Itu menambahkan div di sekitar input fieldset dan juga menambahkan beberapa kelas ke elemen input:

<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c"> <input type="text" tabindex="3" placeholder="" class="ui-input-text ui-body-c"> </div>

NB: Menggunakan Jquery.mobile 1.3.2

beastybeast pada 15 Jun 2016

Perbaikan dari flipveschool tidak berfungsi untuk saya karena tidak menghapus div dengan batas.

beastybeast pada 15 Jun 2016

Sepertinya penambahan kelas ui-input-text yang membuatnya terlihat

beastybeast pada 15 Jun 2016

Terkait dengan: https://github.com/t4t5/sweetalert/issues/351

beastybeast pada 15 Jun 2016

Perbaikan sementara bagi saya hanyalah menelepon

$(".sweet-alert" ).remove();

sebelum saya tunjukkan dialognya!

beastybeast pada 16 Jun 2016

Saya juga menghadapi hal ini, tidak tahu dari mana itu ditambahkan. Dalam kasus saya, kode di bawah ini ditambahkan.

<div class="form-group">
      <input type="text" tabindex="3" class="form-control" placeholder="">
      <span class="sa-input-error help-block">
        <span class="glyphicon glyphicon-exclamation-sign"></span> <span class="sa-help-text">Not valid</span>
      </span>
</div>

amitpatil321 pada 20 Des 2016

Jika Anda melihat situs sweetalert dan memeriksa pesan konfirmasi mereka yang tidak menampilkan input, Anda akan melihat bahwa input sebenarnya masih ada dalam kode, hanya ada CSS default dari sweetalert yang menyembunyikannya. Kemudian, jika Anda memeriksa kode di situs Anda sendiri, kemungkinan besar Anda memiliki CSS yang menimpanya dengan "display: block;". Itu adalah masalah dalam kasus saya.

nfriend21 pada 28 Mar 2017

Ini diperbaiki di SweetAlert 2.0 karena ini membangun setiap modal dari awal alih-alih menampilkan/menyembunyikan elemen yang berbeda. Anda harus menggunakan content: "input" sekalipun. Pastikan Anda membaca panduan peningkatan untuk melihat semua perubahan baru!