jquery click event not binding

Question

I've got a wordpress site running. I've bound a jquery click event to a <div> tag using the ID as a selector.

The relevant code is below: js:

<script>
    $(document).ready(function() {
        $( "#homepage_contact_form" ).click(function() {
          alert( "Handler for .click() called." );
        });
    });
</script>

html:

<div id="homepage_contact_form" class="et_pb_module et_pb_contact_form_container clearfix  et_pb_contact_form_0">

However, the event is not triggering.

The thing works if I simulate it in jsfiddle (https://jsfiddle.net/yL4gjc1d/), but it doesn't work on the actual page.

Relevant information:

This is a Wordpress site using the Divi theme. The js is being inserted through the ePanel
You can find the actual page with the source code above at http://www.inkcorporate.com

Thanks

Are you getting any errors in the console on your WordPress site? — RPL
– RPL, Commented Jan 12, 2016 at 2:19

Gabriele Petrioli · Accepted Answer · 2016-01-12 02:06:15Z

1

At the end of your jquery library file there is jQuery.noConflict();

This means the the $ is not available and you will have to use jQuery instead

// use jQuery as the initial object and pass $ in as 
// the parameter to the ready method so that $ is available inside it
jQuery(document).ready(function($) {
  $("#homepage_contact_form").click(function() {
    alert("Handler for .click() called.");
  });
});

answered Jan 12, 2016 at 2:06

Gabriele Petrioli

197k35 gold badges276 silver badges331 bronze badges

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

1 Comment

Agazoom Over a year ago

That worked. Excellent and thanks. Very similar to the answer below, but the $ inside the function had to be there for it to work.

Than Ngo Hoai · Accepted Answer · 2016-01-12 02:04:06Z

1

Please replace all $ by jQuery. I think it works with:

    jQuery(document).ready(function() {
        jQuery( "#homepage_contact_form" ).click(function() {
          alert( "Handler for .click() called." );
        });
    });

Hope that helps.

answered Jan 12, 2016 at 2:04

Than Ngo Hoai

4793 silver badges10 bronze badges

1 Comment

Agazoom Over a year ago

Nope, that did not help. The answer I marked as correct actually did the job. Since yours was similar, I've up-voted it.

Max Kurapov · Accepted Answer · 2016-01-12 02:06:05Z

0

Have you imported the jQuery library on your page? eg:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Make sure you put it before the link to your local .js file as well.

answered Jan 12, 2016 at 2:06

Max Kurapov

1652 silver badges8 bronze badges

Collectives™ on Stack Overflow

jquery click event not binding

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related