Kill function after click event JavaScript

Question

I have a function that I want to be stopped when I run a 'close' click event.

The reasoning behind this is when I run img.start click event for the second time, the function is called again and is now running twice.

The function in question is a slideshow, so I really do need the function to only ever be running once on a page.

So just to be clear, when I click on img.close, I want the BannerSlideshow function to stop and not be running anymore.

Start function click event

$('img.start').click(function () {
  BannerSlideshow.Init()
});

End function click event

$('img.close').click(function () {
  //stop function BannerSlideshow from running
});

Snippet of slideshow function

var BannerSlideshow = (function () {
return {
    Init: function () {
        //slideshow functionality            
    }

I have updated my question to be more specific, apologies guys.

EnterJQ · Accepted Answer · 2013-03-08 10:06:21Z

1

you can do that by using bind () and unbind ()

$('img.close').bind('click',function () {
         // your code
    $(this).unbind('click');
});

OR

You can use Off()

$(this).off('click');

edited Mar 8, 2013 at 10:06

answered Mar 8, 2013 at 9:59

EnterJQ

1,0168 silver badges18 bronze badges

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

7 Comments

Dakait Over a year ago

$('img.close').bind you missed the . in .bind

Anthony Grist Over a year ago

From the docs: "As of jQuery 1.7, the .on() method is the preferred method for attaching event handlers to a document." This isn't a new change, 1.7 was released months ago.

Nope Over a year ago

@AnthonyGrist: Though you are correct, it is more important to use on() instead of deprecated methods such as live() as they are gone in 1.9.1. bind hasn't been deprecated yet and is still a valid use at this point in time. Also, like all the other binding methods, it is using on() anyway behind the scenes.

Nope Over a year ago

@enterjq: I think one() would work as well if you are unbinding anyway. $('img.close').one('click',function () {...}); // unbinds itself after execution

Cecil Theodore Over a year ago

updated my question guys, thanks for the answers though so far. really appreciate that.

|

Amrendra · Accepted Answer · 2013-03-08 10:00:50Z

0

use this:

event.stopPropagation();

or use on.click

and kill using

$(this).off();

or

use .bind and  .unbind();

better see here :http://api.jquery.com/category/events/event-handler-attachment/

answered Mar 8, 2013 at 10:00

Amrendra

2,0872 gold badges19 silver badges38 bronze badges

Comments

Ravi Gadag · Accepted Answer · 2013-03-08 10:02:03Z

0

you can use off method. Off()

(As of jQuery 1.7, the .on() and .off() methods are preferred to attach and remove event handlers on elements

$('img.close').off('click');

answered Mar 8, 2013 at 10:02

Ravi Gadag

15.9k5 gold badges60 silver badges85 bronze badges

Comments

mlwacosmos · Accepted Answer · 2013-03-08 10:06:43Z

0

Why dont you use stop function with a boolean ?

var running = false;

$('img.close').click(function () {
    running = true;

});

if running = true, use stop() function otherwise start slide

I think stop function is better than to unbind handlers

answered Mar 8, 2013 at 10:06

mlwacosmos

4,56116 gold badges75 silver badges126 bronze badges

Comments

Miklos Aubert · Accepted Answer · 2013-03-08 10:07:01Z

0

What does the StartSlideshow function look like? I guess you could have a global variable to run the slideshow or not...

function StartSlideshow() {
    globalVariableRunSlideshow = true;
    while (globalVariableRunSlideshow) {
         /* Do some slideshowing here */
    }
}

And then your event could do something like :

$('img.close').click(function () {
    globalVariableRunSlideshow = false;
});

answered Mar 8, 2013 at 10:07

Miklos Aubert

4,6152 gold badges26 silver badges33 bronze badges

Collectives™ on Stack Overflow

Kill function after click event JavaScript

5 Answers 5

7 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

7 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related