2013-02-13 4 views
-2

Не могли бы вы мне помочь в понимании того, что делает следующий код:Что такое «preventDefault» в событии click?

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 там. Есть идеи?

EDIT:

Остальная часть кода:

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); 

    }, 
+0

проверка наличия хэш-тегов. как якоря. Я бы предположил, что он прокручивает элемент. Нам нужно знать, что такое FluidNav.goTo –

+0

Не переходить по ссылке? –

+2

https://developer.mozilla.org/en-US/docs/DOM/event.preventDefault –

ответ

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

preventDefault() останавливает браузер от навигации на новую страницу, или прыгать в другое место на той же странице, когда нажмите ссылку.

Описание:Если этот метод вызывается, действие по умолчанию события не будет срабатывать.

+0

Или goTo может обрабатывать ajaxed контент для этих модных сайтов для брюк –

+0

Спасибо! Я включил остальную часть кода в качестве EDIT. Я прошу в основном, потому что я смотрю, как заставить код открывать страницы #hash отдельно - как новые страницы, поэтому я могу использовать кнопку возврата браузера. – user1157404

+0

Почему вы так не сказали? В любом случае, посмотрите [API истории HTML5] (http://diveintohtml5.info/history.html). –

Смежные вопросы