$.('.action ') is undefined on Wordpress . $ is not define

Question

The Jquery is not working with wordpress . its throws $ is undefined .

Code :

$('.action').on("change",function(e){
// my code
})

`$` is just an alias, there are other libraries such as `prototype` which uses the same alias, which causes conflicts with jQuery. If that is not the case, jQuery might not be included, or the jQuery object is assigned to some other variable, using **`noConflict(true)`** method. — rrk, Sep 18 '15 at 06:38
Have you imported jQuery into your code? that is what the $ is. Just add `` in your html before your other JS executes. — winhowes, Sep 18 '15 at 06:38

score 5 · Accepted Answer · edited Sep 18 '15 at 06:49

5

The Wordpress Already Have Inbuild Jquery method so .

Try This . The Function Change The All $ to jquery and Working Fine .

(function($){ // use it as $
   $(document).ready(function(){ // make sure DOM is ready
      $('.action').on("change",function(e){ // bind the change event 
        // my code
      });
   });
})(jQuery); // pass jQuery in the IIFE

~~No Need To Add Jquery Library~~. As wordpress bundles with jQuery internally but uses jQuery keyword instead of its alias $.

edited Sep 18 '15 at 06:49

Jai

74,255
12
74
103

answered Sep 18 '15 at 06:44

codeBloger

217
2
15

this answer is fine but incomplete. – Jai Sep 18 '15 at 06:46
@Jai can you edit this for me – codeBloger Sep 18 '15 at 06:47

score 3 · Answer 2 · answered Sep 18 '15 at 11:20

3

Use

 wp_enqueue_script(
        'my_voter_script',
        plugins_url( '/js/main.js' , __FILE__ ),
        array( 'jquery' )
    );

On Plugin Init Page To load External JS file

answered Sep 18 '15 at 11:20

Kakul Sarma

73
9

score 0 · Answer 3 · answered Sep 18 '15 at 06:44

0

In Wordpress it includes the jquery. Try to replace all $ with jQuery and check. May be after replace $ with jQuery all working fine.

answered Sep 18 '15 at 06:44

Kausha Mehta

2,828
2
20
31

$.('.action ') is undefined on Wordpress . $ is not define

3 Answers3