Bootstrap select cacher le clic après initialisation

Question

J'ai une fonction AJAX:

$.ajax({ 
    type: 'POST', 
    url: '../funcs/factorypreorder.php', 
    data: { 
    newPreorderPartnumber: newPreorderPartnumber, 
    newPreorderCompany: newPreorderCompany, 
    newPreorderSearch: true 
    }, 
    beforeSend: function(data){ 
    success: function(data) { 
    data = $.parseJSON(data); 
    if(data['exist'] == true) { 
     $('.popup_mod .result_block').append(data['message']); 
     $('<div class="user_block">'+data['users']+'</div>').insertAfter($('.popup_mod .result_block')); 
     $('.user_block .selectpicker').selectpicker({ 
     style: 'btn-info', 
     size: 4 
     }); 
    } 
    }, 
    complete: function(data){}, 
    error: function(xhr, str){} 
}); 

La réponse jointe à .user_block, ont la sélection avec des options. Il init avec bootstrap selectpicker. C'est avec succès init.

Mais lorsque je clique sur sélectionner un bloc, il se cache (en ajoutant display: none au bloc btn-group bootstrap-select) et masque tout le bloc de sélection.

C'est le "bloc de sélection":

<div class="btn-group bootstrap-select" style="display: none;"> 
    <button type="button" class="btn dropdown-toggle btn-info" data-toggle="dropdown" role="button" data-id="userlist" title="Новый пользователь" aria-expanded="false"> 
    <span class="filter-option pull-left">Новый пользователь</span>&nbsp; 
    <span class="bs-caret"> 
     <span class="caret"></span> 
    </span> 
    </button> 
    <div class="dropdown-menu open" role="combobox" style="max-height: 172px; overflow: hidden;"> 
    <div class="bs-searchbox"> 
     <input type="text" class="form-control" autocomplete="off" role="textbox" aria-label="Search" /> 
    </div> 
    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false" style="max-height: 104px; overflow-y: auto;"> 
     <li data-original-index="0" class="selected active"> 
     <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true"> 
      <span class="text">New user</span> 
      <span class="glyphicon glyphicon-ok check-mark"></span> 
     </a> 
     </li> 
     <li data-original-index="1"> 
     <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> 
      <span class="text">MS Auto</span> 
      <span class="glyphicon glyphicon-ok check-mark"></span> 
     </a> 
     </li> 
    </ul> 
    </div> 
    <select id="userlist" name="userlist" class="selectpicker" data-live-search="true" tabindex="-98" style="display: none;"> 
    <option value="0">New user</option> 
    <option value="302">MS Auto</option> 
    </select> 
</div> 

Answer 1

Je vous propose 2 bootstrap bibliothèques principales (1 de celui-ci inclus par CMS). Pour cette raison, j'ai un conflit.