Question

我想使用bootstrap下拉菜单，但问题是我无法找到如何将列表中的菜单更改为活动状态？有什么建议吗？

<li class="dropdown">
  <?php
    global $easy_translation_manager_plugin;
    $current_lang = $easy_translation_manager_plugin->selectede_lang;
  ?>
  <button class="btn btn-default dropdown-toggle" style="background-color:transparent;color:white;border-right:white;border-bottom:none;boder-left:none;border-top:none;font-weight:bold;" type="button" data-toggle="dropdown"><?php echo ($current_lang == 'en') ? 'EN' : 'BS'; ?>
  <span class="caret" style="color:red;"></span></button>
  <ul class="dropdown-menu">
    <li><a href="<?php echo $url=strtok($_SERVER["REQUEST_URI"],'?'); ?>?lang=<?php echo ($current_lang == 'en') ? 'bs' : 'en'; ?>"><?php echo ($current_lang == 'en') ? 'BS' : 'EN'; ?></a>
    </li>
  </ul>
</li>

Answer 1

尝试这样的事情：

  $( document.body ).on( 'click', '.dropdown-menu li', function( event ) {

      var $target = $( event.currentTarget );

      $target.closest( 'li.dropdown' )
         .find( 'span' ).text( $target.text() )
            .end()
         .children( '.dropdown-toggle' ).dropdown( 'toggle' );

      return false;

   });

jsfiddle：http://jsfiddle.net/e0a1vooc/2/

如何在bootstrap中创建下拉菜单？

1 个答案: