Событие click () вызывается дважды в jquery

Я настраиваю элемент ссылки и вызываю его событие щелчка в jquery, но событие щелчка вызывается дважды, см. Ниже код jquery.

$("#link_button")
.button()
.click(function () {
   $("#attachmentForm").slideToggle("fast");
});

Пожалуйста, порекомендуйте.

Спасибо.

Убедитесь, что вы случайно не включили свой скрипт дважды в свою HTML-страницу.

Отменить привязку перед кликом;

$("#link_button").unbind('click');
$("#link_button")
.button()
.click(function () {
   $("#attachmentForm").slideToggle("fast");
});

Это означает, что ваш код дважды включал скрипт jquery. Но попробуйте это:

$("#btn").unbind("click").click(function(){

//your code

});

Я попробовал, e.stopImmediatePropagation(); Мне кажется, это работает.

В моем случае я использовал приведенный ниже сценарий для решения проблемы.

$('#id').off().on('click',function(){
    //...
});

off()развязывает все события, к которым привязаны #id. Если вы хотите отвязать только clickсобытие, используйте off('click').

Просто вызовите .off () прямо перед вызовом .on ().

Это удалит все обработчики событий:

$(element).off().on('click', function() {
// function body
});

Чтобы удалить только зарегистрированные обработчики событий click:

$(element).off('click').on('click', function() {
// function body
});

Довольно распространенное решение проблемы с двумя щелчками мыши - это установка

e.stopPropagation()

в конце вашей функции (при условии, что вы ее используете function(e)). Это предотвращает всплытие события, которое может привести ко второму выполнению функции.

У меня была такая же проблема, но вы можете попробовать изменить этот код

$("#link_button")
.button()
.click(function () {
   $("#attachmentForm").slideToggle("fast");
});

к этому:

$("#link_button").button();
$("#link_button").unbind("click").click(function () {
   $("#attachmentForm").slideToggle("fast");
});

Для меня этот код решил проблему. Но будьте осторожны, чтобы случайно не включить ваш скрипт дважды на вашу HTML-страницу. Я думаю, что если вы делаете эти две вещи правильно, ваш код будет работать правильно. Спасибо

пожалуйста, попробуйте это

$('#ddlSupervisor').live('change', function (e) {
    if (e.handled !== true) { //this makes event to fire only once
    getEmployeesbySupervisor();
    e.handled = true;
   }
});

Это определенно ошибка, особенно когда это FireFox. Я много искал, пробовал все приведенные выше ответы и, наконец, получил это как ошибку от многих экспертов по SO. Итак, я наконец-то пришел к этой идее, объявив переменную типа

var called = false;
$("#ColorPalete li").click(function() {
    if(!called)
    {
             called = true;
             setTimeout(function(){ //<-----This can be an ajax request but keep in mind to set called=false when you get response or when the function has successfully executed.
                 alert('I am called');
                 called = false;
             },3000);

    }
});

Таким образом, он сначала проверяет, была ли функция ранее вызвана или нет.

Добавление e.preventDefault();в начале моей функции сработало для меня.

Это старый вопрос, но если вы используете делегирование событий, это у меня вызвало его именно это.

После удаления .delegate-twoперестал выполняться дважды. Я считаю, что это происходит, если оба делегата присутствуют на одной странице.

$('.delegate-one, .delegate-two').on('click', '.button', function() {
    /* CODE */
});

этот фрагмент кода не содержит ничего плохого. Это еще одна часть вашего сценария, как сказал @karim

В моем случае он отлично работал в Chrome, и IE .click()дважды вызывал . если это была ваша проблема, я исправил ее, вернув false после вызова .click()события

   $("#txtChat").keypress(function(event) {
        if (event.which == 13) {
            $('#btnChat').click();
            $('#txtChat').val('');
            return false;
        }
    });

Звонок unbindрешил мою проблему:

$("#btn").unbind("click").click(function() {
    // your code
});

Я не уверен, почему, но у меня была проблема с

$(document).on("click", ".my-element", function (e) { });

Когда я изменил его на

$(".my-element").click(function () { });

Проблема решена. Но в моем коде определенно что-то не так.

Меня обманули, выбрав несколько элементов, и каждый из них был нажат. :firstпомогло:

$('.someClass[data-foo="'+notAlwaysUniqueID+'"]:first').click();

У меня тоже была эта проблема с FF. Однако мой тег был привязан к <a>тегу. Хотя <a>тег никуда не делся, он все равно дважды щелкнул. Вместо этого я заменил <a>тег на <span>тег, и проблема с двойным щелчком исчезла.

Другой вариант - полностью удалить атрибут href, если ссылка никуда не денется.

Я столкнулся с этой проблемой, потому что мой $(elem).click(function(){});скрипт был встроен в div, для которого было установлено значение style="display:none;".

Когда отображение css было переключено на блокировку, сценарий добавлял прослушиватель событий во второй раз. Я переместил сценарий в отдельный файл .js, и прослушиватель повторяющихся событий больше не запускался.

Когда я использую этот метод на странице загрузки с помощью jquery, я пишу $('#obj').off('click');перед установкой функции щелчка, чтобы пузырь не появлялся. Работает для меня.

Мой простой ответ заключался в том, чтобы превратить привязку клика в функцию и вызвать ее из onclick элемента - сработало удовольствие! тогда как ничего из вышеперечисленного не

Если ваше мероприятие звонит дважды, три или больше, это может помочь.

Если вы используете что-то подобное для запуска событий…

$('.js-someclass').click();

… Затем обратите внимание на количество .js-someclassэлементов на странице, потому что это вызовет событие щелчка для всех элементов, а не только один раз!

Тогда простое исправление - убедиться, что вы запускаете щелчок только один раз, выбрав только первый элемент , например:

$('.js-someclass:first').click();

Конечно, где-то еще в вашем скрипте (ах) событие «щелчок» снова привязывается к тому же элементу, как предлагают несколько других ответов / комментариев.

У меня была аналогичная проблема, и чтобы убедиться в этом, я просто добавил console.logкоманду в свой сценарий, как в следующем фрагменте:

$("#link_button")
    .button()
    .click(function () {
        console.log("DEBUG: sliding toggle...");
        $("#attachmentForm").slideToggle("fast");
    });

Если при нажатии кнопки вы получаете что-то похожее на изображение ниже из консоли разработчика вашего браузера (как это сделал я), то вы точно знаете, что click()событие было дважды привязано к одной и той же кнопке.

Если вам нужен быстрый патч, решение, предложенное другими комментаторами использования offметода (кстати unbind, устарело с jQuery 3.0), чтобы отвязать событие перед (повторной) привязкой, оно работает хорошо, и я тоже рекомендую его:

$("#link_button")
    .button()
    .off("click")
    .click(function () {
        $("#attachmentForm").slideToggle("fast");
    });

К сожалению, это временный патч! Как только проблема осчастливления вашего босса будет решена, вам действительно стоит еще немного углубиться в свой код и исправить проблему «дублированной привязки».

Фактическое решение, конечно же, зависит от вашего конкретного варианта использования. В моем случае, например, возникла проблема «контекста». Моя функция вызывалась в результате вызова Ajax, примененного к определенной части документа: перезагрузка всего документа фактически перезагружала контексты «страницы» и «элемента», в результате чего событие было дважды привязано к элементу .

Мое решение этой проблемы заключалось в использовании функции jQuery one , которая аналогична функции on, за исключением того, что событие автоматически отключается после его первого вызова. Это было идеально для моего варианта использования, но, опять же, это могло быть не решение для других вариантов использования.

Была такая же проблема. Это сработало для меня -

$('selector').once().click(function() {});

Надеюсь, это кому-то поможет.

В моем случае HTML был выложен так:

<div class="share">
  <div class="wrapper">
    <div class="share">
    </div>
  </div>
</div>

И мой jQuery был таким:

jQuery('.share').toggle();

Это смутило меня, потому что ничего не происходило. Проблема заключалась в том, что внутренний .shares toggle отменял внешний .shares toggle.

Я решил эту проблему, изменив тип элемента. вместо кнопки помещаю ввод, и эта проблема больше не возникает.

помимо:

<button onclick="doSomthing()">click me</button>

заменить:

<input onclick="doSomthing()" value="click me">