Ответы пользователя по тегу CSS
  • Компонент nav (bootstrap 3), почему не раскрывается выпадающий список?

    sonca-ca
    @sonca-ca
    Ваш код у меня в принципе не работает так, как должна работать навигация по теме бутстрапа.
    Прежде чем кастомизировать, убедитесь что у вас просто пример работает, а потом уже меняйте/добавляйте/etc

    <nav class="navbar navbar-default bg-color3">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="round-toggle menu-collapse-btn  navbar-toggle collapsed" data-toggle="collapse" data-target="#id_to_collapse" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand goto" href="#"><img src="img/logo.png" height="25" alt="" data-selector="img"></a>
        </div>
        <div class="collapse navbar-collapse navMenuCollapse" id="id_to_collapse">
          <ul class="nav navbar-nav">
            <li><a href="#" >Пункт 1</a></li>
            <li><a href="#" >Пункт2</a></li>
            <li><a href="#" >Пункт3</a></li>
            <li><a href="#" >Пункт4</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Выпадающий пункт <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Подпункт</a></li>
                <li><a href="#">Еще подпункт</a></li>
                <li><a href="#">Еще что-то</a></li>
                <li class="divider"></li>
                <li><a href="#">И еще</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    Ответ написан
  • Как стилизовать элемент, зная его идентификатор?

    sonca-ca
    @sonca-ca
    Насколько я поняла, класс нужно добавлять элементу i внутри кнопки, а обработчик висит на самой кнопке, так что
    function getButton(el) {
        //здесь el - это конкретная кнопка, которая была нажата и передана в функцию
        $('i', $(el)).addClass('fa fa-circle-o-notch fa-spin');
        //или
        $(el).find('i').addClass('fa fa-circle-o-notch fa-spin');
        //или 
        $(el).children('i').addClass('fa fa-circle-o-notch fa-spin');
        //так что все будет применено к элементу i, относящемуся к конкретной нажатой кнопке
    }
    Ответ написан
    1 комментарий
  • Как решить проблему с модальными окнами?

    sonca-ca
    @sonca-ca
    Изначально у вас сообщение про раскладку, когда проблема с капсом вы меняете сообщение, а вот когда новая проблема с раскладкой после капса, текст не меняется и выводится что было
    if (isCyrillic(keyName)) { //вывод сообщения о не правильной раскладке
       //нужно добавить
        var modalWindowCaps = document.getElementById("alertWindowText");
        modalWindowCaps.innerHTML = ("Раскладка!");
        ...
    }  else if (capsLockEnabled && keyName != null) {
        var modalWindowCaps = document.getElementById("alertWindowText");
        modalWindowCaps.innerHTML = ("Включен CapsLock!");
        ...
    }
    Ответ написан
    1 комментарий