2015-11-04 24 views
1

我創造我的莫代爾一個dropdownchecklist,我用AJAX將數據發送到模態Laravel dropdownchecklist

這是我的模態視圖

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal"><img  src="<?php echo url().'/assets/buzzohero/front/img/close.png' ?>"></button> 
     <h4 class="modal-title">Edit {{ $campaign->campaign_name }}<span></span></h4> 
</div> 
<div class="modal-body"> 
    <input type="hidden" name="campaign_id" value="{{ $campaign->id }}"> 
    <span>Choose the campaign's category</span> 
    <select class="form-control" name="category[]" multiple="multiple" id="dropdown"> 
    <?php $parents = ""; ?> 
    @foreach($categories as $result) 
    <optgroup label="{{$result->name_category}}"> 
     @if(!empty($result->child)) 
     @foreach($result->child as $value) 
     <option value="{{$value->id}}">{{$value->name_category}}</option> 
     @endforeach 
     @endif 
    </optgroup> 
    <?php $parents .= $result->id.","; ?> 
    @endforeach 
    </select> 
    <input value="{{$parents}}"> 
</div> 


<link rel="stylesheet" type="text/css" href="{{ asset('assets/dropdownchecklist/smoothness-1.8.13/jquery-ui-1.8.13.custom.css') }}"> 
<link rel="stylesheet" type="text/css" href="{{ asset('assets/dropdownchecklist/ui.dropdownchecklist.themeroller.css') }}"> 

<script type="text/javascript" src="{{ asset('assets/dropdownchecklist/jquery-1.6.1.min.js') }}"></script> 
<script type="text/javascript" src="{{ asset('assets/dropdownchecklist/jquery-ui-1.8.13.custom.min.js') }}"></script> 
<script type="text/javascript" src="{{ asset('assets/dropdownchecklist/src/ui.dropdownchecklist.js') }}"></script> 


<script> 
    $(document).ready(function() { 
    $("#dropdown").dropdownchecklist({ icon: {}, width: 400, maxDropHeight: 550 }); 
    }); 
</script> 

,我使用Ajax發送數據,我可以收到很好,但問題是dropdownchecklist有時會出現,並且有時在點擊時不會顯示數據。會發生什麼情況?

我在嘗試不同的東西,我嘗試在mozilla中打開檢查元素並讓檢查窗口打開。我刷新頁面並嘗試下拉列表,它總是顯示並運行良好。發生什麼事?

回答

0

我增加了設置的時間了,在我看來腳本,對JavaScript加載腳本

setTimeout(function() { 
    $.ajax({ 
    url: "{{ URL::to('admin/campaign/edit') }}"+ '/' + id, 
    type: "GET" 
    }).done(function(results){ 
    console.log(results); 

    $("#edit-campaign-body").html(results); 
    }); 
}, 100); 

,它就像一個魅力的工作。

相關問題