Плагин jQuery Select2 для динамически загруженного div - PullRequest
Новая
       5

Плагин jQuery Select2 для динамически загруженного div

0 голосов
/ 06 октября 2018

Я пытаюсь загрузить div, у которого есть список с плагином select2.Приведенный ниже код предназначен для контейнера div 

<div class="form-body">
    <div class="form-group">
        <?php echo lang('project_product', 'product', array('class' => 'col-sm-2 control-label')); ?>
        <div class="col-sm-2">
            <select id="id_product" name="id_product" tabindex="4" class="form-control select2 id_product"></select> 
        </div>
    </div>       

    <div class="form-actions pull-right">
        <a href="javascript:;" id="cancel_product" class="btn btn-default">
            Cancel
        </a>&nbsp; 
        <a href="javascript:;" id="add" class="btn btn-success">
            <i class="fa fa-plus"></i> Add product
        </a>            
    </div> 
</div>

. Контейнер div загружается при нажатии кнопки: 

$(document).on('click', '#add_product', function(e){
    $('#add_p_container').removeClass('hide');
    $('#add_p_container').load(JS_BASE_URL + 'admin/projects/add_product/' + id_project);       
});

Проблема заключается в том, что, если я загружаю jQueryснизу в файле js, где событие on click для #add_product, ничего не будет работать для select2.

Код, который я использую для инициализации select2: 

$("#id_product").select2({
    minimumInputLength: 2,
    placeholder: "Select a product",
    allowClear: true,
    quietMillis: 100,
    ajax: {
        url: JS_BASE_URL + 'admin/products/productsList',
        dataType: 'json',
        type: "GET",
        quietMillis: 50,
        data: function (params) {
          return {
            q: params.term, // search term
            page: params.page
          };
        },
        processResults: function (data, params) {
          // parse the results into the format expected by Select2
          // since we are using custom formatting functions we do not need to
          // alter the remote JSON data, except to indicate that infinite
          // scrolling can be used
          params.page = params.page || 1;

          return {
            results: data,
            pagination: {
              more: (params.page * 30) < data.total_count
            }
          };
        },
        cache: true
    },
    escapeMarkup: function(markup) {
        return markup;
    } // let our custom formatter work

});

ЕслиЯ загружаю select2 сверху непосредственно при загрузке его в div, я получу ошибку: 

 [Show/hide message details.] SyntaxError: expected property name, got end of script

Кто-нибудь из вас знает, как решить эту проблему?Спасибо!

1 Ответ

0 голосов
/ 06 октября 2018

После попытки найти способ исправить проблему, кажется, что загрузка скрипта в div будет работать, но удалит все комментарии, я не знаю почему, но это работает

Итак, сделайтеуверен, что вы не оставите никаких комментариев, в противном случае это не будет работать

...