Laravel 4中的Bootstrap模式對話框

Question

我在刪除記錄的視圖中有一個表單，我想要一個確認對話框來顯示何時單擊刪除按鈕。在我看來，我有這樣的：

{{ Form::model($event, array('route' => array('events.destroy', $event->id), 'method' => 'Delete')) }} 
    {{ Form::submit('Delete', array('class' => 'btn-small btn-danger delete-event', 'data-toggle' => 'modal', 'data-title' => 'Delete Event', 'data-content' => 'Are you sure you want to delete this event?')) }} 
{{ Form::close() }} 

我希望能夠採取的數據屬性和動態使用jQuery填充一個Twitter的引導模式對話框，但我不能確定如何處理這個。

你們會做什麼？基本上，當單擊刪除按鈕時，我想要一個模式窗口顯示數據屬性的標題和內容，以及取消按鈕和刪除按鈕。如果用戶點擊刪除按鈕，我想提交表單。

重要的是要注意這個視圖包含一個記錄表，每個記錄都有一個刪除表單/按鈕。

真的很感謝你幫助這一位朋友。乾杯。

編輯：我現在這個，它幾乎可以工作，但它不提交表單？

$('.delete-event').click(function(event) { 
    event.preventDefault(); 

    var title = $(this).attr('data-title'); 
    var content = $(this).attr('data-content'); 

    $('#event-modal').html(title); 
    $('.modal-body p').html(content); 
    $('.modal-footer .delete').html(title); 
    $('#event-delete').modal('show'); 

    $('.delete').click(function(event) { 
     $('#event-delete').modal('toggle'); 
     $('.delete-event').submit(); 
    }); 
}); 

Answer 1

我沒有使用一種形式，只是一個鏈接形狀爲一個按鈕：

{{ Html::link(URL::route('event.destroy',$event->id), 'Delete', array('class' => 'btn btn-small btn-danger delete-event', 'data-title'=>'Delete Event', 'data-content' => 'Are you sure you want to delete this event?', 'onClick'=>'return false;')) }} 

而且此javascript：

jQuery('.delete-event').click(function(evnt) { 
      var href = jQuery(this).attr('href'); 
      var message = jQuery(this).attr('data-content'); 
      var title = jQuery(this).attr('data-title'); 

      if (!jQuery('#dataConfirmModal').length) { 
       jQuery('body').append('<div id="dataConfirmModal" class="modal" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="dataConfirmLabel">'+title+'</h3></div><div class="modal-body">'+message+'</div><div class="modal-footer"><button class="btn btn-success" data-dismiss="modal" aria-hidden="true">No</button><a class="btn btn-danger" id="dataConfirmOK">Yes</a></div></div>'); 
      } 

      jQuery('#dataConfirmModal').find('.modal-body').text(message); 
      jQuery('#dataConfirmOK').attr('href', href); 
      jQuery('#dataConfirmModal').modal({show:true}); 
}) 

這裏的工作小提琴：http://jsfiddle.net/antonioribeiro/wYbwv/

Answer 2

您正在嘗試提交按鈕而不是表單。

嘗試改變$('.delete-event').submit();到$('form').submit();