Twitter bootstrap 如何在jquery中创建引导下拉列表

我创建了引导下拉列表，如下所示：

<ul style="right: 150px; position: absolute;">
    <li>  
        <ul class="nav">
            <li class="dropdown">
                <a class="dropdown-toggle" href="http://google.com">
                    Dropdown <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">Link 1</a></li>
                    <li><a href="#">Link 2</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

所有链接（链接1和链接2）一个接一个地显示

但是，我应该只能通过单击下拉菜单来查看链接。

试试这个

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

      var $target = $( event.currentTarget );

      $target.closest( '.btn-group' )
         .find( '[data-bind="label"]' ).text( $target.text() )
            .end()
         .children( '.dropdown-toggle' ).dropdown( 'toggle' );

      return false;

   });