2013-10-14 85 views
1

我使用Twitter的引導3,我期待有一個形式,當我提交的模式會出現問我「你確定要刪除的人」有什麼辦法,使按鈕提交剛填好的表單提交?Twitter的引導表單提交模式

在其他例子中我已經使用使用了鏈接按鈕這將是一個鏈接到site.com/do_delete_person/person_id_18這是modalUrl在JS文件

<a href="' + modalUrl + '" class="btn btn-primary showhouse-colour"> 
    <i class="icon-ok"></i> Yes 
</a> 
<button class="btn" data-dismiss="modal" aria-hidden="true"> 
    <i class="icon-ban-circle"></i> No 
</button> 

,但爲了這個,我需要的模態提交前述形式

回答

1

這裏用到我solution..I window.location的重定向他們在確認刪除URL

<!-- Button trigger modal --> 
    <a data-toggle="modal" href="#" class="delete-item btn btn-primary btn-lg" data-id="25">Launch demo modal</a> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
      <input type="hidden" value="" id="delete-url"/> 
      Are you sure you want to delete this item? 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary confirm">Save changes</button> 
     </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

jQuery(document).ready(function(){ 
    jQuery('.delete-item').click(function(){ 
     var id = jQuery(this).attr('data-id'); 
     var delete_url = 'http://yourdomain.com/delete/'+id; 
     jQuery('#delete-url').val(delete_url); 
     jQuery("#myModal").modal('show');  
    }); 
    jQuery('.confirm').click(function(){ 
     window.location = jQuery('#delete-url').val(); 
    }); 
});