Как правильно запускать действие по умолчанию в диалоговом окне начальной загрузки?

Question

Большинство ответов на SO - это либо о том, как активировать модальное диалоговое окно, либо как работает увольнение.

Однако, что мне не хватает, так это то, как вызвать действие, которое обозначает кнопка по умолчанию.

Например,

действие по умолчанию этого диалогового окна 'Сохранить'.

Вот HTML разметка

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Dialog</h4> 
     </div> 
     <div class="modal-body"> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" id="btn-save" class="btn btn-primary btn-save">Save</button> 
     </div> 
    </div> 
    </div> 
</div> 

Если я позвоню $('#myModal).modal('show'), появится диалоговое окно.

Если я нажму крест в правом верхнем углу или кнопку «Закрыть», диалоговое окно будет отклонено, как ожидалось.

Однако, когда я нажимаю «Сохранить», ничего не происходит.

Я использовал окольный путь для его реализации:

Это написано в CoffeeScript.

$('#myModal).on('click', _.bind(@_handleSave, @)) 
$('#myModal).modal('show') 

Тогда внутри _handleSave,

_handleSaveProfile: (data) -> 

    return unless data.target.id is 'btn-save' 
    # Do saving 
    # ... 

Я не думаю, что это правильный путь, потому что он перехватывает каждое событие щелчка.

Что необходимо для реализации этой функции?

Answer 1

связывают щелчок событие к кнопке вместо модального:

$('#myModal').modal('show') 
$('#btn-save').on('click', _.bind(@_handleSave, @))