-3

次のコードが何をするのかを理解するのを手伝ってくれませんか:

var FluidNav = {
    init: function() {
        $("a[href*=#]").click(function(e) {
        e.preventDefault();
            if($(this).attr("href").split("#")[1]) {
                FluidNav.goTo($(this).attr("href").split("#")[1]);
            }
        });
        this.goTo("home");
    },

そこに preventDefault を含める理由について混乱しています。何か案は？

編集：

コードの残りの部分:

goTo: function(page) {
        var next_page = $("#"+page);
        var nav_item = $('nav ul li a[href=#'+page+']');
        $("nav ul li").removeClass("current");
        nav_item.parent().addClass("current");
        FluidNav.resizePage((next_page.height() + 40), true, function() {
             $(".page").removeClass("current"); next_page.addClass("current"); 
        });
        $(".page").fadeOut(500);
        next_page.fadeIn(500);

        FluidNav.centerArrow(nav_item);

    },
4

1 に答える 1

3 
$("a                 // select <a> elements 
[href*=#]")          // which have an href attribute that contains #
.click(function(e) { // and bind a click event handler

preventDefault()リンクがクリックされたときに、ブラウザが新しいページに移動したり、同じページの別の場所にジャンプしたりするのを停止します。

説明： このメソッドが呼び出された場合、イベントのデフォルトのアクションはトリガーされません。

于 2013-02-13T03:38:11.623 に答える