2016-11-22 9 views
1

私はナビゲーションバーに移動し、下の今Navbarを開いているときにすべてのページが移動するのはなぜですか?

私のコードのようではない、すべてのページ移動開いているとき、私はナビゲーションバーを作成しようとしている: - ヘッド:

<script src="/js/jquery.js"></script> 
<script lang="ja" type="text/javascript"> 
    var i = 0; 
    $(document).ready(function() { 
     $("#b").click(function() { 
      $("#menu").slideToggle("slow"); 
     }); 
    }); 

    function ToggleMenu(loc) { 
     $("#menu").slideToggle("slow"); 

     setTimeout(function() { 
      window.location.href = loc; 
     }, 750); 
    } 
</script> 

ボディ:

<form id="form1" runat="server"> 
    <img id="b" src="/img/ic_menu_black_48dp_2x.png" style="height: 30px; width: 30px; margin-top: -5px; cursor: pointer;" /> 
    <div id="menu" style="border: 1px solid black; padding: 8px 8px; display: none; text-align: center; font-size: 20px"> 
     <a onclick="ToggleMenu('/')" class="navbartxt">Home</a> 
     <br /> 
     <br /> 
     <a onclick="ToggleMenu('/Account/Register.aspx')" class="navbartxt">Register</a> 
     <br /> 
     <br /> 
     <a onclick="ToggleMenu('/Account/Login.aspx')" class="navbartxt">Login</a> 
    </div> 
    <br /> 
    <br /> 
    Hello 
</form> 

navbarが "Hello"という単語を開いたとき。私は言葉を言い、ページの残りの部分は位置を変えたくない。私はjqueryでこれをしようとしていますが、私は成功していません。

+0

huehuehuehuehue [jsfiddle](https://jsfiddle.net/)を作成してください。私たちは問題を見ることができます.huehuehuehuehue – TheWandererr

+0

JavaScriptでやりたいです。 ccsは関係ありません。 –

+0

CSSは関連しています。それはポジショニングの問題です。 JavaScriptを使用してCSSを追加または削除することはできますが、メニューの「位置」を調整する必要があります。 – rfornal

答えて

関連する問題