Twitter引導下拉切換和網址？

在下拉菜單上閱讀twitter bootstrap的文檔我看到它說你可以使下拉菜單保持不變。我試圖做到這一點，但沒有任何運氣與它的工作。相反，它只是切換下拉菜單，而不是它應該發生的路徑。我錯過了什麼？這是我的代碼的一個例子。Twitter引導下拉切換和網址？

<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應該是下拉觸發和鏈接，而博客只是一個鏈接。下拉菜單的工作和所有工作內部的鏈接，但我不能讓網址保持不變，就像它在文檔中說的。我不理解文檔嗎？

任何幫助將不勝感激！

來源

2013-06-19 fiercekitti

也許我不明白你的問題，但它似乎按預期工作：http://www.bootply.com/64937你能澄清你的意思是「保持完好」嗎？ – ZimSystem

這就是爲什麼我想知道我是否不理解文檔。 PUBLISHER的href實際上並不導航到它引用的頁面。每次點擊它，它都會打開並關閉下拉菜單，但不會重定向。我希望它打開下拉菜單，然後再次點擊重定向到publisher.php。我是否正確理解文檔，是否應該這樣做？ – fiercekitti

我認爲它可以導航到鏈接或切換下拉菜單，但不能同時打開。你可以使用jquery點擊事件處理程序來處理你的特殊情況。 – ZimSystem

如上所述，您可以使用onClick事件，但您希望它對移動視圖禁用。

   $(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(); 
       });

這將使下拉菜單以方便行動：如果您正在使用導航欄引導，比如，你可以添加一個「.clickable-下拉」類的切換觸發後，執行下列操作具有觸摸事件的設備，而不捕獲點擊的正常功能。不幸的是，這似乎是Bootstrap下拉腳本的限制，如果您需要更好的功能，最好使用其他CSS或基於jQuery的下拉菜單中的一種。

來源

2015-01-26 04:02:58

Twitter引導下拉切換和網址？

回答

相關問題