Take the 2-minute tour ×
 <div id="deleteModal" class="modal hide fade" tabindex="-1" role="dialog">
     <div class="modal-body">
        <span><i class=" icon-info-sign"></i>
     <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>

I am using jquery to set the 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+'" />');

The href is also setting properly but when i click nothing is happening.

share|improve this question
<c:url... isn't a valid URL. It looks as if you're trying to use server side constructs on the client side. –  robertklep Mar 18 '13 at 9:58
No i am finally seeing the correct url to set using firebug like /Spring-Security/delete?id='123456' –  Saurabh Kumar Mar 18 '13 at 10:03
You are trying to use a JSP url in Javascript, i dont think that url gets parsed by JSP and translated into a valid URL for the client side. Im not sure this is the problem though. –  cernunnos Mar 18 '13 at 10:04
<a class="trashconfirm btn btn-info" href="/Spring-Security/deletediary?id=1363599032377" data-dismiss="modal">Yes</a> .That what firebug is showing me –  Saurabh Kumar Mar 18 '13 at 10:04

2 Answers 2

up vote 1 down vote accepted

If you use data-dismiss="modal" on a button (which you do), Bootstrap will attach a click-handler on it to hide the modal if the button is clicked. That handler calls preventDefault() on the event, so any default actions (like following a href) won't be triggered anymore.

If you want to both call a URL when the button is clicked and hide the modal, you're going to have to use Javascript to attach an event handler to your button which will both call the URL and hide the modal.

share|improve this answer

Use one of the event hooks described in the Bootstrap Docs (http://twitter.github.io/bootstrap/javascript.html), like so :

$('#myModal').on('hidden', function () {
  // do something…
share|improve this answer

Your Answer


