English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Реализация функции выпадающего списка при наведении мыши с помощью Bootstrap

Реализация функции выпадающего списка при наведении мыши с помощью Bootstrap, подробности см. ниже:

 //Самый простой пример hover, реализация функции выпадающего списка, использование знаний bootstrap, не используйте bootstrap, если не знаете, как его использовать, поищите в百度

 <html><head>
    <meta charset="UTF-8">
      <!-- Включение Bootstrap -->
   <link href="../css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
     <!-- jQuery файл. Обязательно перед bootstrap.min.js -->
    <script src="../libs/jquery-1.11.1.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <title></title>
  </head>
  <body>
<div class="dropdown" >
      <span class="dropdown-toggle" data-toggle="dropdown" data-target="#" >Триггер</span>
       <ul class="dropdown-menu" >
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
      </ul>
    </div>
    <script>
      $("document").ready(function(){
        $("span").hover(function(){//событие при наведении мыши
        $(".dropdown-toggle").dropdown('toggle');
        });
      });
    </script>
  </body>
</html>

Указанные выше примеры реализации функции выпадающего списка при наведении мыши с помощью Bootstrap介绍了 редактор给大家. Надеюсь, это поможет вам. Если у вас есть какие-либо вопросы, пожалуйста, оставьте комментарий, редактор ответит вам своевременно. В этом разделе также очень благодарны всем пользователям за поддержку сайта呐喊 учебник!

Объявление: содержимое этой статьи взято из Интернета, авторские права принадлежат соответствующему автору. Контент предоставлен пользователями Интернета, самостоятельно загружен, сайт не имеет права собственности на него, не был отредактирован вручную и не несет ответственности за него. Если вы обнаружите подозрительное нарушение авторских прав, пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (во время отправки письма замените # на @) для сообщения о нарушении и предоставьте соответствующие доказательства. При обнаружении факта нарушения авторских прав сайт незамедлительно удаляет спорное содержимое.

Вам может понравиться