Вопрос по jquery, click, ajax, scroll, anchor – jquery нажмите на элемент привязки заставляет прокрутить вверх?

$("#id_of_anchor").click(function(event) { 
  // ...
  return false;
}

Вы можете использовать javascript: void (0); в собственности href.

Этот вопрос является скорее отладочным, так как указано, что вы используете правильные функции изОбъект события jQuery.

В обработчике событий jQuery вы можете выполнять одно или несколько из двух основных действий:

1. Prevent the default behavior of the element (The A HREF="#", in your case):

jQuery("#id_of_anchor").click(function(evt) { 
  // ...
  evt.preventDefault(); // assuming your handler has "evt" as the first parameter
  return false;
}

2. Stop the event from propagating to event handlers on the surrounding HTML elements:

jQuery("#id_of_anchor").click(function(evt) { 
  // ...
  evt.stopPropagation(); // assuming your handler has "evt" as the first parameter
}

Поскольку вы не получаете ожидаемого поведения, вам следует временно прекратить вызов ajax, заменить его каким-нибудь безобидным кодом, таким как установка значения формы, или -shudder-alert("OK") и проверьте, прокручиваете ли вы до сих пор.

        $(document).ready(function() {
        $(".dropdown dt a").click(function(event) {
        event.preventDefault();
            $(".dropdown dd ul").toggle('slow');
        });           
        $(".dropdown dd ul li a").click(function(event) {
        event.preventDefault();
            $(".dropdown dd ul").hide();
        });
    });

Как сказал Тилал выше:

<a id="id_of_anchor" href="javascript:void(0)" />

сохраняет метку привязки в правильном положении, позволяет назначать ей обработчики кликов с помощью javascript и не выполняет прокрутку. Мы широко используем его только по этой причине.

У меня возникла та же проблема.

Я думаю, что это происходит, когда вы связываете событие перед добавлением элемента в DOM.

Это должно сработать, можете ли вы уточнить, что вы имеете в виду под "до"? Ты этим занимаешься?

jQuery("#id_of_anchor").click(function(event) {
    event.preventDefault();
    Function_that_does_ajax();
});

Потому чтоshould работать в том смысле, что если он не работает, вы делаете что-то не так, и нам нужно видеть больше кода. Однако, ради полноты, вы также можете попробовать это:

jQuery("#id_of_anchor").click(function() {
    Function_that_does_ajax();
    return false;
});

EDIT

Вот пример этой работы.

Две ссылки используют этот код:

$('#test').click(function(event) {
    event.preventDefault();
    $(this).html('and I didnt scroll to the top!');
});

$('#test2').click(function(event) {
    $(this).html('and I didnt scroll to the top!');
    return false;
});

И, как вы можете видеть, они работают просто отлично.

просто потерять

href="#"

В теге html ... это то, что заставляет веб-страницу "подпрыгивать".

<a id="id_of_anchor"> link text </a>

и не забудьте добавить

cursor: pointer;

на ваш css, чтобы он выглядел как ссылка при наведении курсора мыши.

Удачи.