5 
 <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も正しく設定されていますが、クリックしても何も起こりません。

4

2 に答える 2

4

ボタンで使用する場合data-dismiss="modal"(そうします)、Bootstrap はクリック ハンドラーをアタッチして、ボタンがクリックされた場合にモーダルを非表示にします。そのハンドラーはpreventDefault()イベントで呼び出すため、デフォルトのアクション ( a に従うなどhref) はトリガーされなくなります。

ボタンがクリックされたときに URL を呼び出し、モーダルを非表示にする場合は、Javascript を使用して、URL を呼び出し、モーダルを非表示にするイベント ハンドラーをボタンにアタッチする必要があります。

于 2013-03-18T10:22:08.493 に答える
0

次のように、Bootstrap ドキュメント ( http://twitter.github.io/bootstrap/javascript.html ) で説明されているイベント フックのいずれかを使用します。

$('#myModal').on('hidden', function () {
  // do something…
})
于 2013-06-01T17:39:40.720 に答える