convert javascript event handler to jquery

Question

I would like to convert the event handler to a jquery style click event but it doesnt seem to like passing the event through, perhaps its because its not an anonymous function anymore?

        // variables
        var faqOne = document.getElementById("faqOne");
        var $hiddenOne = $(".faqOneHidden");


        // javascript event handler works!
        faqOne.addEventListener("click", function(e){
        showFaqOne.showClickedFaq(e);
        }, false);
        // javascript event handle - doesnt work!
        $("#faqOne").click(function(){
            showFaqOne.showClickedFaq(e);
        });
        // constructor
        function DisplayQFaqs(link, faq){
            this.link = link;
            this.faq = faq;
        }
        // method prototype
        DisplayQFaqs.prototype.showClickedFaq = function(e){
                var el = e.currentTarget;
                if(el === this.link) {

                   this.faq.toggle("slow", function(){
                   });
                }
        };
        // new DisplayQFaqs Objects
        var showFaqOne = new DisplayQFaqs(faqOne,$hiddenOne);

Do you know if the handler function is called? Maybe check it by putting an alert("a"); there? — byteSlayer
– byteSlayer, Commented Apr 28, 2015 at 8:39
The fiddle was not importing jQuery. This works - jsfiddle.net/93bm0gs3/2 — byteSlayer
– byteSlayer, Commented Apr 28, 2015 at 8:43

Zee · Accepted Answer · 2015-04-28 08:39:56Z

5

Your e is undefined inside

$("#faqOne").click(function(){
        showFaqOne.showClickedFaq(e);
    });

Change it to

   $("#faqOne").click(function(e){//Now e is there
        showFaqOne.showClickedFaq(e);
    });

answered Apr 28, 2015 at 8:39

Zee

8,4805 gold badges39 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

convert javascript event handler to jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related