JQuery один не стреляет за элемент

Question

JQuery один не стреляет за элемент

0

У меня есть код HTML, который создает три значка jQuery:

<span class="ui-icon ui-icon-circle-close one-click" data-customer-id="1"></span>
<span class="ui-icon ui-icon-circle-close one-click" data-customer-id="2"></span>
<span class="ui-icon ui-icon-circle-close one-click" data-customer-id="3"></span>

И некоторый код JavaScript jQuery, который я хочу запустить один раз на один значок, который щелкнут. Он отлично работает, когда я использую это:

$(".one-click").one("click", function() { alert(this.dataset.customerId) } );

Однако, когда я пытаюсь использовать одну из своих функций, он запускается только для первого щелчка. Он никогда не срабатывает при нажатии на другой значок в первый раз:

$(".one-click").one("click", function() { my_custom_function(this.dataset.customerId) } );

Он отлично работает для первого щелчка, который щелкнут, но не срабатывает для других значков, которые были нажаты. Документация jQuery говорит, что она должна срабатывать один раз для каждого элемента для типа события. Что мне не хватает? my_custom_function должен выполняться для каждого my_custom_function элемента...

Редактировать:

Я должен подробно рассказать о my_custom_function. Он фактически перезагружает промежутки с веб-сервера. В частности, они заключены в div:

<div id="my_div">
    <span class="ui-icon ui-icon-circle-close one-click" data-customer-id="1"></span>
    <span class="ui-icon ui-icon-circle-close one-click" data-customer-id="2"></span>
    <span class="ui-icon ui-icon-circle-close one-click" data-customer-id="3"></span>
</div>

... и где-то внутри my_custom_function перезагружаюсь с помощью $("#my_div").load("/some_url/"). После комментирования этой линии нагрузки функции, похоже, срабатывают правильно. Как я могу применить функции однократного запуска после load()? Вызов one() на элементы снова не кажется трюком.

Dylan Klomparens 08 нояб. 2013, в 21:53

Источник

0

Вам нужно будет опубликовать определение my_custom_function . Еще лучше создать jsfiddle, демонстрирующий проблему.
rockerest 08 нояб. 2013, в 20:28
0

что находится в my_custom_function() ? ты уверен, что он не работает? вы можете console.log() или alert() в этом? Есть ли ошибки в консоли?
Matthew Rapati 08 нояб. 2013, в 20:28
0

Я думал, что one() срабатывает только один раз для каждого селектора. Можете ли вы попробовать что-то вроде $('.one-click').each(function() { $(this).one("click", function() { /* do stuff */ }); }); просто посмотреть, работает ли это?
CodeChimp 08 нояб. 2013, в 20:30
2

Кажется, работает хорошо здесь: jsfiddle.net/Mfqm7
colbydauph 08 нояб. 2013, в 20:30
0

Он отлично работает, когда я проверяю это: jsfiddle.net/JD8LF
Guffa 08 нояб. 2013, в 20:31
0

Если это все, что вы делаете в my_custom_function клика, вы можете вместо этого просто передать my_custom_function в качестве обратного вызова: jsfiddle.net/mQfBr
colbydauph 08 нояб. 2013, в 20:31

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

Теги:

jquery

html

2 ответа

Ещё вопросы

Вам нужно будет опубликовать определение my_custom_function . Еще лучше создать jsfiddle, демонстрирующий проблему.
что находится в my_custom_function() ? ты уверен, что он не работает? вы можете console.log() или alert() в этом? Есть ли ошибки в консоли?
Я думал, что one() срабатывает только один раз для каждого селектора. Можете ли вы попробовать что-то вроде $('.one-click').each(function() { $(this).one("click", function() { /* do stuff */ }); }); просто посмотреть, работает ли это?
Кажется, работает хорошо здесь: jsfiddle.net/Mfqm7
Он отлично работает, когда я проверяю это: jsfiddle.net/JD8LF
Если это все, что вы делаете в my_custom_function клика, вы можете вместо этого просто передать my_custom_function в качестве обратного вызова: jsfiddle.net/mQfBr

Raghvendra Parashar · Answer 1 · 2013-11-08T19-08-00.000Z

взглянуть:

<span class="ui-icon ui-icon-circle-close one-click" data-customer-id="1">s1</span>
<span class="ui-icon ui-icon-circle-close one-click" data-customer-id="2">s2</span>
<span class="ui-icon ui-icon-circle-close one-click" data-customer-id="3">s3</span>

$(document).ready(function(){
    function my_custom_function(cust_id) {
        alert(cust_id);
    }
    $(".one-click").one("click", function() {
        my_custom_function(this.dataset.customerId);
    });
});

http://jsfiddle.net/F7Kdy/5/

Scott · Answer 2 · 2013-11-08T18-52-00.000Z

Перепишите его как:

$(".one-click").one("click", my_custom_function),

или структурировать его как вызываемую функцию следующим образом: http://jsfiddle.net/scott_in_ct/QbpC8/