• Почему не закрываются collapse в Bootstrap 3?

    @karakum22
    В документации сказано, что если указан атрибут data-parent, то все открытые блоки будут закрываться при выборе текущего. Так же сказано, что есть зависимость от класса panel.

    Пример:
    <div id="parent">
      <div>
        <button class="btn btn-default" type="button" data-parent="#parent" data-toggle="collapse" data-target="#collapseAudi" aria-expanded="false" aria-controls="collapseAudi">
          Audi </button>
        <button class="btn btn-default" type="button" data-parent="#parent" data-toggle="collapse" data-target="#collapseLexus" aria-expanded="false" aria-controls="collapseLexus">
          Lexus </button>
        <button class="btn btn-default" type="button" data-parent="#parent" data-toggle="collapse" data-target="#collapseMazda" aria-expanded="false" aria-controls="collapseMazda">
          Mazda </button>
      </div>
      <div class="panel">
        <div id="collapseAudi" class="collapse" aria-expanded="false">
          <div class="well">
            <ul class="list-unstyled">
              <li>Audi Q5</li>
            </ul>
          </div>
        </div>
        <div id="collapseLexus" class="collapse" aria-expanded="false">
          <div class="well">
            <ul class="list-unstyled">
              <li>Lexus IS</li>
            </ul>
          </div>
        </div>
        <div id="collapseMazda" class="collapse" aria-expanded="false">
          <div class="well">
            <ul class="list-unstyled">
              <li>Mazda 3</li>
              <li>Mazda 6</li>
              <li>Mazda CX-5</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    Ответ написан
    Комментировать
  • Bootstrap 3, modal, data-remote?

    @karakum22
    Я сделал так:
    <g:javascript>
        function constructModalDOM(){
            return $("<div></div>").
                    attr('id', 'myModal').
                    addClass("modal").
                    addClass("fade").
                    attr('tabindex', '-1').
                    attr('role', 'dialog').
                    attr('aria-labelledby', 'myModalLabel').
                    attr('aria-hidden', 'true').
                    on('hidden.bs.modal', onHideModal);
        }
        function onHideModal() {
            $('#myModal').replaceWith(constructModalDOM());
        }
        constructModalDOM().appendTo(document.body);
    </g:javascript>

    при закрытии модальное окно пересоздается
    Ответ написан