Boostrap modal - eine Schaltfläche hat Klick und Tastendruckereignis

Question

Ich möchte zwei Ereignis im Bootstrap-modal (protected.bs.modal) verwenden. Es funktioniert nur für klicken. $('id').click('shown.bs.modal, function(e) { $('#regModal').modal('show');}

Aber es funktioniert nicht in zwei Ereignissen.

$('id').bind("keypress shown.bs.modal", function (e) {... }

Wie kann ich zwei Ereignisse in einer Schaltfläche?

Answer 1

Ich denke, dass Sie den Hörer dem Modal selbst hinzufügen möchten.

$('#myModal').on('shown.bs.modal', function(e) { 
    // hold a reference to the triggering button in case you need it 
    var $button = $(e.relatedTarget); 
    // handler code here, executed after the modal is shown 
}); 

die modalen auszulösen, verwendet

$('#myButton').on('click', function() { 
    $('#myModal').modal(); 
}); 

Answer 2

Wenn Sie ein bestimmtes Element wollen auf verschiedene Ereignisse reagieren zu können, müssen Sie separat jenes Ereignis definieren.

Ihr Beispiel:

$('id').click('shown.bs.modal, function(e) { $('#regModal').modal('show');} 

wird:

var showModal = function(){ $('#regModal').modal('show'); }; 
$('id').on('shown.bs.modal', showModal()); 
$('id').on('click', showModal());