Function containing a for loop stops running after click event

Content Index :

Function containing a for loop stops running after click event
Jquery On Click Function that Stops an Ajax Requests currently running
PL/SQL function stops running after loop
Running function after transition is finished, that is caused by click event. (event in event)
Jquery on click event is not working when ajax call is running at loop
d3.js on "click" event handling running function without click event

Function containing a for loop stops running after click event

Tag : javascript , By : tommy

Date : November 28 2020, 12:01 PM

I wish this help you If I understand your question, you could simplify things by using event delegation technique. Attach a click event handler to the ul element instead of each individual li - this works because events propagate upward (aka bubbling). You can inspect the event.target passed to the callback function to see exactly what was clicked.
Here is an example demonstrating how to toggle a style on li elements using event delegation:

document.querySelector("ul").addEventListener("click", function(event) {
  event.target.classList.toggle("done");
});

.done {
  text-decoration: line-through;
}

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

Comments

No Comments Right Now !

Boards Message :

You Must Login Or Sign Up to Add Your Comments .

Share :

Tags :

Function containing a for loop stops running after click event , PL/SQL function stops running after loop , Jquery On Click Function that Stops an Ajax Requests currently running , Running function after transition is finished , that is caused by click event. (event in event) , css click event ,

Jquery On Click Function that Stops an Ajax Requests currently running

Tag : javascript , By : Tom

Date : March 29 2020, 07:55 AM

it should still fix some issue , You need to call abort() method - on each of the ajax calls !

var request = $.ajax({
    type: 'POST',
    url: 'someurl',
    success: function(result){..........}
});

request.abort();

PL/SQL function stops running after loop

Tag : oracle , By : platformNomad

Date : March 29 2020, 07:55 AM

I wish did fix the issue. After thinking a bit more about this I found the answer.
In the loop I loop from 0 to t_strGroups.count. Because the first position of my collection is 0. but collection.count returns the ammount of values in the collection.

Running function after transition is finished, that is caused by click event. (event in event)

Tag : javascript , By : Epora75

Date : March 29 2020, 07:55 AM

should help you out Event type need to be a string for each event. So you can do like this.

function foo() {
  [
    'webkitTransitionEnd',
    'otransitionend',
    'oTransitionEnd',
    'msTransitionEnd',
    'transitionend',
  ].forEach(function(transition) {
    block.addEventListener(transition, function() {
      block.classList.remove('red');
    });
  });
}

Jquery on click event is not working when ajax call is running at loop

Tag : javascript , By : techthumb

Date : March 29 2020, 07:55 AM

fixed the issue. Will look into that further Problem is that the $(this) will hold all elements of the selector. And will also now with one as it will be triggered one time and then never again. Also as can be seen from here, delegate events should be at the closest static element that will contain the dynamic elements.

    function ButtonEvent(button, url, state)
    {
        $("body").on("click", button, function (e) {

            e.preventDefault();
            var button = e.target;

            var id = $(button).data("id");
            var currentRow = $(button).closest("tr");
            var cell = currentRow.children('td.requestState');

            UpdateRequests(url, state, id, cell);
        });
    }