WordPress插件不起作用

Question

Spin360不起作用：所有脚本都连接到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}); 
  });

文章页面：

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

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

Answer 1

由于wordpress使用jQuery.noConflict（）来防止与可能使用$别名的任何其他库发生冲突，因此您需要用jQuery替换代码中的$或将代码隔离在IIFE中：

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

要么

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

Answer 2

WordPress预包装了jQuery副本，您应该在代码中使用它。 加载WordPress的jQuery时，它使用兼容模式，这是一种避免与其他语言库冲突的机制。

您不能在jQuery脚本中使用$ ，而是尝试使用jQuery （用jQuery替换$ ）。

这样包装代码

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

Answer 3

WordPress在noConflict模式下附带了jQuery，但是当您从CDN加载jQuery时，我认为情况并非如此。 另一点是wp_enqueue_script（）函数的第一个参数是string $handle ，每个句柄都应该是唯一的。 强烈建议定义脚本依赖项，以确保加载所需的所有依赖项。 试试这个例子：

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 ); 

而且非常重要的是， wp_enqueue_scripts是在将项目wp_footer时使用的适当钩子，而不是wp_footer 。