Twitter bootstrap href in modal не работает

Question

<div id="deleteModal" class="modal hide fade" tabindex="-1" role="dialog"> 
    <div class="modal-body"> 
     <span><i class=" icon-info-sign"></i> 
    </div> 
    <div class="modal-footer"> 
     <a class="trashconfirm btn btn-info" data-dismiss="modal" href="javascript:void(0)">Yes</a> 
     <a class="btn btn-info" data-dismiss="modal">No</a> 
    </div> 
    </div> 

Я использую jquery для установки hre.

 $(".accordion").on('click','.dairytrash',function() { 
    var id = $(this).closest('tr').attr('id'); 
    var ele = $(".modal-footer .trashconfirm "); 
    ele.attr('href','<c:url value="/delete?id='+id+'" />'); 
    }); 

href также правильно настроен, но когда я нажимаю, ничего не происходит.

Answer 1

Если вы используете data-dismiss="modal" на кнопке (что вы делаете), Bootstrap будет прикреплять к ней обработчик кликов, чтобы скрыть модальность, если кнопка нажата. Этот обработчик вызывает событие preventDefault(), поэтому любые действия по умолчанию (например, после href) больше не будут запущены.

Если вы хотите, чтобы как вызвать URL при нажатии на кнопку и скрыть модальность, вы собираетесь придется использовать Javascript, чтобы присоединить обработчик событий к кнопке, которая будет как вызова URL и скрыть покадрово.

Answer 2

Используйте один из крючков событий, описанных в Bootstrap Docs (http://twitter.github.io/bootstrap/javascript.html), например так:

$('#myModal').on('hidden', function() { 
    // do something… 
})