jQuery Code not loading

Question

I am debugging some jQuery code and have found that the section of code is not firing when clicked.

My HTML/PHP is:

$cartlink .= "<a class='add_to_cart button' data-id='{$product->id}' href='javascript:;' {$style}>{$label}</a>";

jQuery:

   <script>
        jQuery(window).on('click', 'a.add_to_cart.button', function() {
        console.log("batman");
    }); 
    </script>

Is the script after the HTML, are there any errors, (other generic debug questions), ? — tymeJV
– tymeJV, Commented Jun 27, 2014 at 21:26

Rahil Wazir · Accepted Answer · 2014-06-27 21:30:34Z

2

You need to replace the window with document. Because window object doesn't contain DOM Nodes. You however can also do jQuery(window.document) to look for DOM Nodes.

JavaScript Window

The window object represents a window containing a DOM document; the document property points to the DOM document loaded in that window

answered Jun 27, 2014 at 21:30

Rahil Wazir

10.1k11 gold badges46 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

jQuery Code not loading

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