WordPress插件不起作用

Question

Spin360 doesn't work: All scripts are connected into functions.php

  add_action('wp_footer', 'add_scripts'); 
  function add_scripts() {
    if(is_admin()) return false; 
    wp_deregister_script('jquery');
    wp_enqueue_script('remodal', 'http://code.jquery.com/jquery-3.0.0.min.js','', '',true); 
    wp_enqueue_script('remodal', get_template_directory_uri().'/js/jquery.threesixty.js','','',true); 
    wp_enqueue_script('remodal', get_template_directory_uri().'/js/spinspin.js','','',true); 
  }

Jquery.threesixty.js -> http://www.mathieusavard.info/threesixty/demo.html

Spinspin.js:

jQuery(function($){
    $("#spin").threesixty({images:["...", "..."], method:'click', direction:'forward', sensibility: 1}); 
  });

Article page:

  <div id="spin"></div> 
  <script> if (window.jQuery) {
     alert('Connected'); //Return Connected 
   }
  </script>

Page -> http://okwood.by/2016/05/iv78-optima/

Answer 1

Since wordpress uses jQuery.noConflict() to prevent collisions with any other library that might use $ alias you either need to replace $ in your code with jQuery or insulate your code in an IIFE like:

;(function($){
   // make sure document is ready
   $(function(){
      $("#spin").threesixty({images
   });
})(jQuery);

OR

jQuery(function($){
   $("#spin").threesixty({images
}); 

Answer 2

WordPress comes pre-packaged with a copy of jQuery, which you should use with your code. When WordPress' jQuery is loaded, it uses compatibility mode, which is a mechanism for avoiding conflicts with other language libraries.

You can't use $ in jQuery script, try instead jQuery (replace $ with jQuery ).

Wrap your code like this

jQuery(document).ready(function( $ ) {
  //Code Here 
});

Answer 3

Wordpress ships with jQuery in noConflict mode but when you load jQuery from CDN I don't think that the case. Another point is that the first param for wp_enqueue_script() function is string $handle , each handle should be unique. It is also highly recommended to define script dependencies to ensure loading of all the dependencies it needs. Try this example:

wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://code.jquery.com/jquery-3.0.0.min.js', [], false, true );
wp_register_script( 'threesixty', get_template_directory_uri().'/js/jquery.threesixty.js',[ 'jquery' ], false, true );
wp_enqueue_script( 'remodal', get_template_directory_uri().'/js/spinspin.js', [ 'threesixty' ], false, true ); 

And very important, wp_enqueue_scripts is the proper hook to use when enqueuing items, not wp_footer .