javascript - Twitter Bootstrap Dropdown PHP 链接无法打开

Question

我创建了一个下拉菜单，并在 PHP 页面中使用它。我希望主按钮(具有下 zipper 接的按钮)仍然有效并引用页面。我做了 Bootstrap 页面告诉我要做的所有事情，但由于某种原因它仍然无法工作。 ( http://getbootstrap.com/javascript/#dropdowns )

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="?action=landing">
        <i class="icon-info"></i>Information <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><a href="#">dropdown #1</a></li>
        <li><a href="#">dropdown #2</a></li>
    </ul>
</li>

这是 HTML，这是我正在使用的 JS:

<script type="text/javascript">
    var revapi;
    jQuery(document).ready(function() {
        $('.dropdown-toggle').dropdown()  
    });

    $('.dropdown').hover(function(){ 
        $('.dropdown-toggle', this).trigger('click'); 
    });
</script>

如何让主按钮(信息)链接到“?action=landing”？

Answer 1

经过多次挫折后，我设法通过创建一个伪链接并将下拉菜单放在上面来完成它。

fiddle :http://jsfiddle.net/zwfNL/1/
Javascript

var revapi;
jQuery(document).ready(function () {

    $('.dropdown-toggle').dropdown()

});
$('.dropdown').hover(function () {
    $('.dropdown-toggle').dropdown('toggle')
});

CSS(必要 - 覆盖 Bootstrap 背景)

#dropdown-link{
    position:relative;
    z-index:10000;
}

HTML

<li class="dropdown">
    <a id="dropdown-link" href="?action=landing"><i class="icon-info"></i>Information <span class="caret"></span></a>
    <a style="display:none;" class="dropdown-toggle" data-toggle="dropdown" data-target="#"></a>
    <ul class="dropdown-menu">
        <li><a href="#">dropdown #1</a>

        </li>
        <li><a href="#">dropdown #2</a>

        </li>
    </ul>
</li>