Twitter bootstrap Twitter引导下拉开关和url?

Twitter bootstrap Twitter引导下拉开关和url?,twitter-bootstrap,drop-down-menu,Twitter Bootstrap,Drop Down Menu,阅读TwitterBootstrap on下拉列表的文档时,我看到它说您可以让url保持完整,以便进行下拉切换。我曾试图完成这项工作,但没有成功。相反,它只是切换下拉菜单,而不是它应该进行的路径。我错过了什么?下面是我的代码示例 <li class="dropdown"> <a class="dropdown-toggle" id="dPublisher" data-toggle="dropdown" role="button" data-target="#" href="

阅读TwitterBootstrap on下拉列表的文档时,我看到它说您可以让url保持完整,以便进行下拉切换。我曾试图完成这项工作,但没有成功。相反,它只是切换下拉菜单,而不是它应该进行的路径。我错过了什么?下面是我的代码示例

<li class="dropdown">
  <a class="dropdown-toggle" id="dPublisher" data-toggle="dropdown" role="button" data-target="#" href="publisher.php">PUBLISHER<b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu" aria-labelledbyid="dPublisher">
        <li><a href="eeditions.php">E-Editions</a></li>
    <li><a href="digitalarchive.php">Digital Archive</a></li>
    </ul>
</li>
<li><a href="blog.php">BLOG</a></li>
  • 在本例中,PUBLISHER应该是下拉触发器和链接,而BLOG只是一个链接。下拉菜单可以工作,里面的所有链接都可以工作,但是我不能让url像文档中所说的那样保持完整。我不理解文档吗


    任何帮助都将不胜感激

    如前所述,您可以使用onClick事件,但您希望在移动视图中禁用它。例如,如果您使用的是引导导航栏,则在将“.clickable dropdown”类添加到切换触发器后,可以执行以下操作:

                    $(document).ready(function(){
                        $(window).resize(function(){
                            if($(window).width() >= 920){
                                $('.clickable-dropdown').on('click', function(){
                                    window.location.href=$(this).attr('href');
                                });
                            }else{
                                $('.clickable-dropdown').on('click', function(){
                                    return false;
                                })
                            }
                        }).resize();
                    });
    

    这将允许下拉菜单在具有触摸事件的移动设备上工作,而不会捕获单击的正常功能。不幸的是,这似乎是Bootstrap下拉脚本的一个限制,如果您需要更好的功能,最好只使用其他许多基于CSS或jQuery的下拉菜单中的一个。

    也许我不理解您的问题,但它似乎如预期的那样工作:您能澄清“保持完整”是什么意思吗?这就是为什么我想知道我是否不理解文档。PUBLISHER的href实际上并没有导航到它所指的页面。每次我点击它,它都会打开和关闭下拉列表,但不会重定向。我想让它打开下拉列表,如果再次单击,则重定向到publisher.php。我是否没有正确理解文档,它不应该这样做?我认为它要么导航到链接,要么切换下拉列表,但不能两者兼而有之。您可能可以使用jquery click事件处理程序来处理您的特殊情况。我认为如果没有jQuery,这太好了,不可能是真的。谢谢你的帮助!