Javascript 如何在Jquery中单击链接时滑动页面

基本上我有一个网页滚动网站，我想滚动网页时，一个链接被按下。这是迄今为止我的html：

<div id="container">
    <div id="inner">
        <div id="home">
            <button>Click</button>
            <div class = "Category_Menu_Container">
                <a class ="menu_Items" href="" >+ Events</a> 
                <a class ="menu_Items" href="" >+ News</a> 
                <a class ="menu_Items" href="" >+ Info</a> 
                <a class ="menu_Items" href="" >+ Sports</a> 
            </div>
            <p> Choose a Category </p>
        </div>
        <div id="Events_Page">
            <button>Click</button>
        </div>
        <div id="News_Page">
            <button>Click</button>
        </div>
    </div> 
</div>

这是我的jquery：

function toggleDivs() {
    var $inner = $("#inner");

    // See which <divs> should be animated in/out.
    if ($inner.position().left == 0) {
        $inner.animate({
            left: "-100%"
        });
    }
    else {
        $inner.animate({
            left: "0px"
        });
    }

}
$(document).ready(function() {
    $('.menu_Items').bind("click", function() {
        alert("Got here");
    });

    $("button").bind("click", function() {
        toggleDivs();
    });
 });   

当我单击事件链接或其他链接时，这不起作用，只对单击按钮起作用，我希望能够单击任何链接转到下一个视图，而不仅仅是单击我。谢谢大家

尝试更改此选项：

$("button").bind("click", function() {
    toggleDivs();
});

为此：

$(document).on("click", "button", function() {
    toggleDivs();
});

如果按钮不是动态创建的，您可以更轻松地执行以下操作：

$("button").click(function() {
   toggleDivs();
});

$(".menu_Items").click(function() {
   alert("Got here");
});

更新

超链接也是如此：

$(document).on("click", ".menu_Items", function() {
        alert("Got here");
    });

或者更容易：

$("button").click(function() {
   toggleDivs();
});

$(".menu_Items").click(function() {
   alert("Got here");
});

---

这将只适用于点击按钮，我想，我希望它也适用于超链接，我该怎么做？非常感谢！他们已经在那个里了，事件，新闻，信息，体育和锚标签，当我点击那个些，什么也并没有发生！