Silmek kalıcı/Twitter bootstrap ile iletişim onaylıyor musunuz?

SORU

24 Ocak 2012, Salı

Silmek kalıcı/Twitter bootstrap ile iletişim onaylıyor musunuz?

Satır satır veritabanına bağlı bir HTML tablosu var. "Satır sil" her satır için link, ama kullanıcı ile önceden teyit etmek istiyorum. almak istiyorum Yapmak için herhangi bir şekilde bu Twitter bootstrap kalıcı iletişim kullanan var mı?

CEVAP

24 Ocak 2012, Salı

Bootstrap 3

Bu görev için zaten mevcut eklentiler ve bootstrap uzantıları kullanabilirsiniz. Ya da kendi onay pop-up ile sadece yapabilirsiniz3kod satırları. Şuna bir bak.

Silmek için onay istiyoruz: bağlantılar (not data-href yerine href) veya düğmeleri bu

<a href="#" data-href="delete.php?id=23" data-toggle="modal" data-target="#confirm-delete">Delete record #23</a>

<button class="btn btn-default" data-href="/delete.php?id=54" data-toggle="modal" data-target="#confirm-delete">
    Delete record #54
</button>

Burada #confirm-delete HTML, kalıcı bir popup div işaret eder. Bir "" düğmesi bu gibi yapılandırılmış: . TAMAM olmalıdır

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                ...
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <a class="btn btn-danger btn-ok">Delete</a>
            </div>
        </div>
    </div>
</div>

Şimdi sadece bu küçük javascript silmek eylem tasdik olunur yapmak gerekir:

$('#confirm-delete').on('show.bs.modal', function(e) {
    $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

show.bs.modal olay silme düğmesi href karşılık gelen kayıt kimliği ile URL ayarlanır.

Demo: http://plnkr.co/edit/NePR0BQf3VmKtuMmhVR7?p=preview

Bootstrap 2.3

Burada Bootstrap 2.3 kalıcı bu soruya cevap yaşındayken yaptığım kodun orijinal bir sürüm.

$('#modal').on('show', function() {
    var id = $(this).data('id'),
        removeBtn = $(this).find('.danger');
    removeBtn.attr('href', removeBtn.attr('href').replace(/(&|\?)ref=\d*/, '$1ref='   id));
});