jQuery在WordPress中无法正常工作

Question

Basically, I need my posts to animate when the user is hovering over them. Here is my code

It works here, but does not work on my Wordpress page. I included it using

<script type="javascript"><?php include('js/ertikis.js');?></script>

I tried including this in the footer file and in the index file, neither works. The script shows up on the page when inspecting it, but doesn't work.

Answer 1

As far as I know, type of javascript is not valid on <script> .

Can you try: <script type="text/javascript"><?php include('js/ertikis.js');?></script>

or if HTML5 you can drop type altogether

<script><?php include('js/ertikis.js');?></script>

Answer 2

The standard convention for including scripts in Wordpress is to use wp_enqueue_script() , flagging jQuery as a dependency.

Typically this involves including your plugin and other javascript in your Wordpress theme directory, and referencing it as such:

<?php

// functions.php, in your theme directory

function my_assets() {

    wp_enqueue_script( 'ertikis', get_stylesheet_directory_uri() . '/ertikis.js', array( 'jquery' ) );
    wp_enqueue_script( 'application', get_stylesheet_directory_uri() . '/application.js', array( 'ertikis', 'jquery' ), '1.0', true );
}

add_action( 'wp_enqueue_scripts', 'my_assets' );