想要在boostrap下增加一個標簽a,並設置其href屬性來實現跳轉功能(具體是想在導航欄中添加,點擊某個導航欄部件時跳轉至其他頁面),但是發現事情並不是想象中的那么簡單;
“Bootstrap為這些a之類元素都綁定上了事件,而終止了鏈接默認行為。”(https://stackoverflow.com/questions/16785264/jquery-syntax-error)
data-toggle : 標記用於觸發的;
data-dismiss:標記點擊后消失;
data-target:一般用於button標簽里面,后面的參數是響應的標簽對應的ID
(https://www.jianshu.com/p/6c2f589ab1a0)
直接加個onclick=……
具體見下面代碼2行
1 <ul class="nav navbar-nav navbar-right"> 2 <li><a data-toggle="modal" data-target="#register" onclick="window.location.href='index1.html'"><span class="glyphicon glyphicon-user"></span> 注冊</a></li> 3 <li><a data-toggle="modal" data-target="#login" id="loging" href=""><span class="glyphicon glyphicon-log-in"></span> 登錄</a></li> 4 </ul>
或者使用一個js來處理
1 <script type="text/javascript"> 2 $(function($) { 3 // 登錄點擊 4 $("#loging").click(function() { 5 //window.location.href = "https://www.xiami.com/collect/358371983";(跳轉至外部鏈接) 6 window.location.href ='index1.html'; 7 }); 8 }); 9 </script>
最后提醒一下:
jquery庫的引用一定要在bootstrap庫之前,因為bootstrap依賴jquery庫工作。
自己在這上面吃過虧。