Question

I have a set of buttons in an array, and I want it so that when you click one, and a video that it’s linked to starts to play, it unbinds the click to the buttons (ideally for the one you just clicked only, but I can’t even get it to work for the li). I have it as

$("#myVid").bind("playing", function() {
  //some stuff that happens
  $("li", ".thumbs").unbind('playVideo()')
        });

but it’s not working… what am I doing wrong here? ( playVideo() is an already defined function)

Just to be more specific:
the problem is that it’s supposed to unbind only once the video is playing, hence the .bind("playing", function().... I can get it deactivate the list, but its before it should…

Answer 1

If you created the event like so:

$("li", ".thumbs").bind("click", playVideo);

the opposite action would be to do this:

$("li", ".thumbs").unbind("click", playVideo);

The same function used to bind the click event must be used to remove the same event.

function click() {
    $("#myVid").bind("loadeddata", function() {
    $("#bigPic").addClass("move");
    $("#MyT").fadeOut(750);
            });
    playVideo( $(this).index() );
}

$('li', '.thumbs').bind('touchend click', click);

$("#myVid").bind("playing", function() {
    $('li', '.thumbs').unbind('touchend click', click);
});