laravel中的引導模態動態內容ajax

我想從ajax的引導模式中加載內容我可以在警報或控制檯日誌中獲取它，但是我想更新的部分消失了！我嘗試了$（'。modal-content'）。html（數據），但是我的模態內容消失或者.append（數據），但它不起作用！laravel中的引導模態動態內容ajax

我重拍了它真的很簡單，但它仍然沒有工作，即時通訊我錯誤的？

感謝您的時間和幫助！

部分關閉我的主頁

<a class="btn btn-primary" class="quickview22" href="#" data-target="#quickviewMain55" data-categorie="1" data-trigger="hover" data-toggle="modal">Trigger modal</a> 
@include('bootmodal')

我bootmodal觀點

<div class="modal fade in " id="quickviewMain55"> 
    <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 ffffffffffffffftitle</h4> 
      </div> 
      <div class="modal-body"> 
       <h1>{{ $quickProducts1->first()->name }}</h1> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save changes</button> 
      </div> 
     </div> 
    </div> 
</div>

這是我的腳本

jQuery(document).ready(function($) { 
    $('#quickviewMain55').on('show.bs.modal', function(e) { 

    var category = $(e.relatedTarget).data('categorie'); 

    $.ajax({ 

      url: 'quick-view', 
      data: { category : category }, 
      success: function(data) 
      { 


     $('.modal-content').html(data); 


      alert(data); 
      } 
     }); 


}); 
}); 

     $.ajaxSetup({ 
    headers: { 
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
    } 
}); 



</script>

我控制器

class QuickViewController extends Controller 
{ 
    public function index(Request $request) 
    { 



     $quickProducts1 = Product::where('category_id', $request->category)->get(); 



     return view('bootmodal', compact('quickProducts1'))->render(); 
    } 

}

來源

2017-11-11 kevin

您確定要將它追加到.modal-content而不是.modal-content .modal-body？

你可能也想嘗試： $('.modal-content .modal-body').html(data)

讓我們更新！

肯尼

來源

2017-11-13 14:15:48

我個人建議'$（」模式內容.modal體H1' ）。追加（數據）' – ProEvilz

laravel中的引導模態動態內容ajax

回答

相關問題