Databases
StackOverflow2013
Postsdbo
POjQuery one not firing per element
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery one not firing per element
    primarykey
    data
    text
    <p>I have some HTML code which creates three jQuery icons:</p> <pre><code>&lt;span class="ui-icon ui-icon-circle-close one-click" data-customer-id="1"&gt;&lt;/span&gt; &lt;span class="ui-icon ui-icon-circle-close one-click" data-customer-id="2"&gt;&lt;/span&gt; &lt;span class="ui-icon ui-icon-circle-close one-click" data-customer-id="3"&gt;&lt;/span&gt; </code></pre> <p>And some JavaScript jQuery code which I want to fire once per icon that is clicked. It works fine when I use this:</p> <pre><code>$(".one-click").one("click", function() { alert(this.dataset.customerId) } ); </code></pre> <p>However, when I try to use one of my own functions it only fires for the first icon clicked. It never fires when another icon is clicked for the first time:</p> <pre><code>$(".one-click").one("click", function() { my_custom_function(this.dataset.customerId) } ); </code></pre> <p>It works fine for the first icon that is clicked, but does not fire for the other icons that are clicked. The jQuery documentation says that it should fire once per element per event type. What am I missing? <code>my_custom_function</code> should execute for each element clicked...</p> <p>Edit:</p> <p>I should elaborate about <code>my_custom_function</code>. It actually reloads the spans from the web server. Specifically, they're enclosed in a div:</p> <pre><code>&lt;div id="my_div"&gt; &lt;span class="ui-icon ui-icon-circle-close one-click" data-customer-id="1"&gt;&lt;/span&gt; &lt;span class="ui-icon ui-icon-circle-close one-click" data-customer-id="2"&gt;&lt;/span&gt; &lt;span class="ui-icon ui-icon-circle-close one-click" data-customer-id="3"&gt;&lt;/span&gt; &lt;/div&gt; </code></pre> <p>... and somewhere inside my_custom_function I reload using <code>$("#my_div").load("/some_url/")</code>. After commenting this load line out, the functions appear to be firing correctly. How can I apply the one-time-trigger functions after <code>load()</code>? Calling <code>one()</code> on the elements again doesn't seem to be doing the trick.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDylan Klomparens
    1. USDylan Klomparens
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COYou're going to need to post the definition of `my_custom_function`. Even better, create a [jsfiddle](http://www.jsfiddle.net) demonstrating the problem.
      singulars
      1. POjQuery one not firing per element
      1. USrockerest
    2. COwhat is in `my_custom_function()`? are you sure it's not running? can you `console.log()` or `alert()` in that? are there any errors in console?
      singulars
      1. POjQuery one not firing per element
      1. USMatthew Rapati
    3. COI thought `one()` only fired once per selector. Can you try something like `$('.one-click').each(function() { $(this).one("click", function() { /* do stuff */ }); });` just to see if it works?
      singulars
      1. POjQuery one not firing per element
      1. USCodeChimp
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload