Javascript阻止默認值不起作用

Question

我知道那里有很多關於preventDefault（）不起作用的帖子，但是我去了那些，卻一無所獲。

我正在做的是捕獲一個click事件，然后從響應中添加html，但是preventDefault（）並不能阻止頁面重新加載，我很困惑為什么。

這是我的HTML：

<div class="slide_pane"> 
 <div class="profile_content"></div>

 <div class="account_bottom_bar">
  <ul class="bottom_bar_list">
    <a href="/profiles/load" class="sidebar_link">
      <li>
        <p>Content</p>
      </li>
    </a>
  </ul>
 </div>

這是我的JS：

$(document).scroll(function() {
 ajaxView();
});

var ajaxView = function() {
 $('.sidebar_link').click(function(e) {
 e.preventDefault();
 $.ajax ({
  type: 'GET',
  url: $(this).attr("href")

  }).done(function(resp) {
   $('.profile_content').append(resp);
  });
 });
};

但是，當我執行該操作時，它只是將響應中的HTML加載到新屏幕中。

有任何想法嗎？？ 謝謝！

Answer 1

什么都沒有發生，因為您的HTML中沒有sidebar_link。

使用event.preventDefault（）的示例：

$(document).ready(function() {
    $(".sidebar_link").click(function(event) {
        event.preventDefault();
        $(this).css("color", "red");
    });   
});

這是一個如何在鏈接上使用event.preventDefault（）的示例： http : //jsfiddle.net/LUKVT/