Javascript Prevent по умолчанию не работает

Question

Javascript Prevent по умолчанию не работает

0

Я знаю, что есть много сообщений о том, что 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 из ответа на новый экран.

Есть идеи?? Благодарю!

user3029619 24 фев. 2014, в 02:31

Источник

3

Где находится элемент .sidebar_link в вашем примере? Похоже, вы добавляете новый обработчик событий в этот элемент всякий раз, когда пользователи прокручивают страницу, что очень плохо.
Felix Kling 24 фев. 2014, в 00:38
0

возможный дубликат якоря jQuery предотвращать дефолт
Jon Taylor 24 фев. 2014, в 00:40
0

Извините, Феликс Клинг. только что отредактировал ... это по ссылке
user3029619 24 фев. 2014, в 00:41
0

Одна потенциальная проблема может заключаться в том, что ваш HTML неверен. Только элементы li являются допустимыми ul элементами элемента ul . Переместите ссылку внутри элемента li . Но кроме этого, ваш код, кажется, работает, по крайней мере, в Firfox: jsfiddle.net/nAS3S .
Felix Kling 24 фев. 2014, в 00:50

Показать ещё 2 комментария

Теги:

javascript

jquery

preventdefault

1 ответ

Ещё вопросы

Где находится элемент .sidebar_link в вашем примере? Похоже, вы добавляете новый обработчик событий в этот элемент всякий раз, когда пользователи прокручивают страницу, что очень плохо.
возможный дубликат якоря jQuery предотвращать дефолт
Извините, Феликс Клинг. только что отредактировал ... это по ссылке
Одна потенциальная проблема может заключаться в том, что ваш HTML неверен. Только элементы li являются допустимыми ul элементами элемента ul . Переместите ссылку внутри элемента li . Но кроме этого, ваш код, кажется, работает, по крайней мере, в Firfox: jsfiddle.net/nAS3S .

martynas · Accepted Answer · 2014-02-23T22-06-00.000Z

Ничего не происходит из-за отсутствия sidebar_link в вашем HTML.

Пример использования event.preventDefault():

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

Ниже приведен пример использования event.preventDefault() для ссылок: http://jsfiddle.net/LUKVT/

Извините, я только что отредактировал
Я использую ваш код, и он не перезагружается здесь: jsfiddle.net/y4FRr Я что-то упустил?
Поэтому я просто заметил, что я использую document.scroll вместо .ready: P Но странно было то, что, когда я запускал Chrome Inspector и нажимал на это действие, он не перезагружался, но когда у меня не было инспектора. , это перезагрузило бы ... на самом деле не получить эту часть
@ user3029619: Может быть, открытие инспектора вызвало событие прокрутки.
Достаточно справедливо - я с подозрением отнесся к этому событию onScroll :))