Question

I’m hacking a gallery plugin where I want to disable the click event for the thumbnail and replace it with a hover event.

This is what I did: http://jsbin.com/enezol/3

$(function() {

  var galleries = $('.ad-gallery').adGallery();


  $('.ad-thumb-list a').hover(function() {
    $(this).click();
  });

   $('.ad-thumb-list a').click(function() {
    return false;
  });


});

The plugin doesn’t allow me to set event to use. So Instead of changing it from their code, I’ll just add a little tweak on top of it.

So I want to disable the click event for the ‘thumbnail’ and just use ‘hover’ event instead.

Any got and ideas? I’m also open to other approach as long as it meets my requirement.

Thank You!

---

Trying to implement Steph Skardal and Nicosunshine suggestion:

var thumbs = $('.ad-thumb-list a'),
    oldfunction = thumbs.data("events").click["function () {  context.showImage(i); context.slideshow.stop(); return false; }"];

thumbs.unbind("click").hover(oldFunction);

---

edit: My Solution:

I use return false to restrict it from going to the url but it does not restrict in calling the function. Any alternative ideas?

 var galleries = $('.ad-gallery').adGallery();

    var thumbs = $('.ad-thumb-list a');

    thumbs .hover(
        function () {
            $(this).click();
        },
        function () {

        }
    );

    thumbs.click( function () { return false; });

Answer 1

You could try to unbind the click method and then bind the original function to the hover.

If you can’t get the original function you can get it by seeing what the console returns if you throw:

$('.ad-thumb-list a').data("events").click; //name of the property that has the function

then you grab that function and do:

var thumbs = $('.ad-thumb-list a'),
    oldfunction = thumbs.data("events").click["theValueYouGotInTheConsole"];

thumbs.unbind("click")
      .hover(oldFunction);

Edit:

Here is an example of what I ment with "theValueYouGotInTheConsole", in the image I’m accessing the click property, and then the “4” is where the function is stored.

If you don’t want to hardcode the value you can do:

var dataEvents = thumbs.data("events").click,
    oldFunction;

for(var functionEvent in dataEvents) {
     oldFunction = dataEvents[functionEvent];
     break; //I'm assuming there's only one event
}