0

HTML 内に JavaScript コードがあります。コードは次のとおりです。

<body>
<div id="div_inner_title">
    <img class="img_title" src="../common/img/header_logo.png"></img>
    <a id="menuId"><img class="img_menu" src="img/btn_menu.png"></img></a>                     
    <script type='text/javascript'>
    $(document).ready(function (){
        $("#menuId").click(function (){
        $('html, body').animate({
            scrollTop: $("#div_menu_links").offset().top
        }, 1000);
        });
});</script>
</div>
.
.
.
.
.<!--Somewhere really below is a menu-->
.
.
<div class="div_menu_links">
    <a href="....">
        <img src="../common/img/menu_01.png" class="img_menu_button"></img>
    </a>
    <img class="img_menu_line_button" src="../common/img/menu_line.gif"></img>
<a href="....">
        <img src="../common/img/menu_02.png" class="img_menu_button"></img>
    </a> 
<img class="img_menu_line_button" src="../common/img/menu_line.gif" ></img>
<a href="....">
        <img src="../common/img/menu_03.png" class="img_menu_button"></img>
    </a> 
<img class="img_menu_line_button" src="../common/img/menu_line.gif"></img>
 <a href="....">
        <img src="../common/img/menu_04.png"class="img_menu_button"></img>
    </a>        
</div>
</body>

私が本当にやりたかったのは、ユーザーが JavaScript で画像ボタンをクリックすると、div メニューが画面に表示されることです (実際の Web サイトではかなり下にあるため)。ただし、上記のコードは機能しません。追加情報として、画像ボタンから div メニューへの「転送」にはアニメーション効果があります。

正直なところ、私は超天才プログラマーではないので、助けてください。これは、私のページで機能していない唯一のものです。ありがとう！

4

1 に答える 1

1

この簡単な例を確認して、同じことを達成してみてください。

http://jsfiddle.net/kxGRN/2/

HTML

<a href="#" id="menuId">Go Down</a>

<div id="div_menu_links">
    Reached the bottom menu! :)
</div>

CSS

// Just for demonstration
#div_menu_links { margin-top:2000px;}

Jクエリ

$(document).ready(function (){
    $("#menuId").on("click", function (e){
        e.preventDefault();
        $('html, body').animate({
            scrollTop: $("#div_menu_links").offset().top
        }, 1000);
    });
});

注意

エラーを検出するために他の人に頼らないでください。firebugこの簡単なチュートリアルで、 の使用方法を学び始めましょう: Firebug チュートリアル

于 2013-04-15T05:40:28.487 に答える