【问题标题】:Bootstrap select hide on click after initBootstrap 在初始化后点击时选择隐藏
【发布时间】:2018-03-12 06:47:15
【问题描述】:

我有一个 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){}
});

附加到 .user_block 的响应具有带选项的选择。它使用引导选择器进行初始化。初始化成功。

但是当我点击选择块时,它是隐藏的(将display: none添加到块btn-group bootstrap-select)并隐藏所有选择块。

这是“选择块”:

<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>

【问题讨论】:

  • 您描述的问题似乎与这里的代码没有直接关系。是否有一些其他代码可以处理单击提到的“选择块”?
  • @ADyson 添加select_block 代码=)

标签: jquery ajax select bootstrap-select


【解决方案1】:

我包含 2 个引导程序主库(其中 1 个包含在 CMS 中)。 因此我有冲突。

【讨论】:

    猜你喜欢
    • 2014-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-20
    • 2013-09-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多