jQuery click button only once

Question

I'm almost completely clueless when it comes to Javascript... However I'm simply trying to tweak a userscript i use that implements jQuery to get a element by its ID and automaticlly click it... Problem is it keeps clicking it and goes into a loop. I've researched methods to prevent this such as .bind/.unbind and .one but i am unsure of how to implement them? Any help would be appreciated.

$(document).ready(function() {
 document.getElementById('submitGiftCardContinueBtn').click();
});

@AbeMiessler There is no code in the event, it is as it is... Perhaps the problem? Like i said it successfully clicks the button after the page loads, but it goes into a loop of clicking, i need it to just click it and either wait or just do it once. — Ryan Cooper
– Ryan Cooper, Commented Nov 2, 2011 at 21:03
If that is your code, it looks fine. There is a chance that when you submit your form, it refreshes the page, which causes the .ready state to trigger again. That will give you the infinite loop you are experiencing. — rkw
– rkw, Commented Nov 2, 2011 at 21:03
So... What happens when the button is clicked? Does the page reload? Is a form submitted? Is an event handler fired? — user400654
– user400654, Commented Nov 2, 2011 at 21:04
Why do you want the button to be clicked when the page loads? — Abe Miessler
– Abe Miessler, Commented Nov 2, 2011 at 21:07

Jakub Arnold · Accepted Answer · 2011-11-02 23:07:16Z

2

Since you're already using jQuery, I'd recommend writing it as

$(function() {
    $("#submitGiftCardContinueBtn").click().attr("disabled", "disabled");
});

since document.getElementById() isn't very jQuery-ish :)

answered Nov 2, 2011 at 23:07

Jakub Arnold

87.5k94 gold badges236 silver badges334 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

rinilnath Over a year ago

IS there a way without disabling it, we have similar situation but the button should not be disabled rather only once during the first loading of the page @Jakub Arnold

u.k · Accepted Answer · 2011-11-02 22:56:37Z

1

I'm wasn't able to reproduce this. However, disabling the button right after clicking should be a good practice regardless, Since (due to network latency, code efficiency, etc) there could be a lag between the click event and the actual action.

$(document).ready(function() {
    var btn = document.getElementById('submitGiftCardContinueBtn');
    btn.click();
    btn.disabled = true;
});

However, it could be a better practice to call the 'on click' method when the document loads, rather than emulate a click on a UI element.

edited Nov 2, 2011 at 22:56

answered Nov 2, 2011 at 21:30

u.k

3,0911 gold badge22 silver badges23 bronze badges

2 Comments

Ryan Cooper Over a year ago

I'm not sure why but that code doesnt work, i mean it looks like it would, but it doesnt click the button. I tested it with the btn.disabled line and without, which is weird because without it its pretty much the same code just using it as a variable. Any ideas?

Ryan Cooper Over a year ago

Thanks, that didnt do the trick. I think its the scripting on the page im trying this on. I think its being reset from some AJAX refresh that validates or gives an error for the code. I've selected your answer. :)

Collectives™ on Stack Overflow

jQuery click button only once

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related