将参数传递给模态

Question

我有问题传递参数到我的模态窗口。我特别喜欢传递按钮href，但似乎没有出现在我的模式。

任何人都可以指出我正确的方向吗？

的Javascript

<script> 

$(document).ready(function() { 
    $('#confirm-delete').on('shown.bs.modal', function(event) { 
     $("#roomId").val($(event.relatedTarget).data('id')); 
     var roomId = $(e.relatedTarget).data('id'); 
     $(e.currentTarget).find('input[name="roomId"]').val(roomId); 
     $('.url').html('Delete URL: <strong>' + $(this).find('.btn-danger').attr('href') + '</strong>'); 
    }); 
}); 
</script> 

莫代尔

<div class="modal fade" id="confirm-delete" 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" id="myModalLabel">Confirm Delete</h4> 
     </div> 

     <div class="modal-body"> 
      <p>You are about to delete. Do you want to proceed?</p> 
      <input type="text" name="roomId" value=""/> 
      <div class="url"></div> 
     </div> 

     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
      <a href="#" class="btn btn-danger danger">Delete</a> 
     </div> 
    </div> 
</div> 

链接模态

<button data-href="/admin/rooms/delete/{{ $room->id }}" data-id="{{ $room->id}}" data-toggle="modal" data-target="#confirm-delete" href="#" type="button" class="btn btn-danger">Delete</button> 

Answer 1

我想这是你所需要的

$(function(){ 

    $('#confirm-delete').on('shown.bs.modal', function(e) { 

     var button = $(e.relatedTarget); 

     // this refers to Modal 

     $('input', this).val(button.data('id')); 

     $('.url', this).html('Delete URL: <strong>' + button.data('href') + '</strong>'); 
    }); 

});