我已经下载了Awesome Filterable Portfolio plugin , 它工作得很好。。但当我在主页上添加了一个用于滚动旋转木马的js文件时，该插件的js停止了工作。。

我已经添加了cr-scroll.js 文件位于functions.php 如下所示：

wp_register_script(\'java1\', get_template_directory_uri() . \'/js/cr-scroll.js\', array( \'jquery\' ));
wp_enqueue_script( \'java1\' );

What I\'ve Tried:

• $.noConflict();

  $ 具有jquery

  将代码包装在

   (function($){
  
      $(document).ready(function(){
  
      });
  
   })(jQuery);
  

  但什么都没用。

  我的js文件是cr-scroll.js：

    (function($){
          $(document).ready(function($) {
           $.fn.make_carousel = function() {
              var speed = 0;
              var scroll = 0;
              var con = $(this);
              var con_w = con.width();
              var max_scroll = con[0].scrollWidth - con.outerWidth();
              var prev_frame = new Date().getTime();
              con.on(\'mousemove\', function(e) {
                  var mouse_x = e.pageX - con.offset().left;
                  var mouseperc = 100 * mouse_x / con_w;
                  speed = mouseperc - 50;
              }).on ( \'mouseleave\', function() {
                  speed = 0;});
  
              function updatescroll() {
                  var cur_frame = new Date().getTime();
                  var time_elapsed = cur_frame - prev_frame;
                  prev_frame = cur_frame;
                  if (speed !== 0) {
                      scroll += speed * time_elapsed / 50;
                      if (scroll < 0) scroll = 0;
                      if (scroll > max_scroll) scroll = max_scroll;
                      con.scrollLeft(scroll);
                  }
                  window.requestAnimationFrame(updatescroll);
              }
              window.requestAnimationFrame(updatescroll);
          }
          $("#carousel1").make_carousel();
          $("#carousel2").make_carousel();
  
          function reset(){
              $(\'.maincontent\').find(\'*\').removeAttr(\'class\');
              document.getElementById(\'step1\').setAttribute("class", "visible");
          }   
          function back(){
              var previous_class = $(\'.visible\').data(\'previous\');
              if(previous_class != \'\'){
                  var current_class = $(\'.visible\').attr(\'id\');
                  document.getElementById(current_class).setAttribute("class","");
                  document.getElementById(previous_class).setAttribute("class","visible");
              }
          }
          function show_next(current,next) {
              document.getElementById(current).setAttribute("class", "hidden");
              document.getElementById(next).setAttribute("class", "visible");
          }
          
          function show_hide(show_ele,hide_ele) {
              document.getElementById(show_ele).style.display = "block";
              document.getElementById(hide_ele).style.display = "none";
          }
          function load_after_sec(id) {
              count = 0;
              wordsArray = ["5", "4", "3", "2", "1"];
              var timerID = setInterval(function () {
                  count++;
                  if(count == 5){
                      $("#"+id).show();
                      $("#seconds_counter").hide();
                      clearInterval(timerID);
                  } else {
                      $("#num_sec").fadeOut(400, function () {
                          $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
                      });
                  }                               
              }, 2000);
          }
          function showButton(){
              document.getElementById("btn_repeat").style.display=\'block\';
          }
  });
       
      })(jQuery);      
  

  控制台对此给出了一个错误cr-scroll.js 归档该文件con[0] is undefined.

  如果我删除了这个文件，插件就可以正常工作了，为什么会有冲突呢？

  如有任何帮助，我们将不胜感激，并提前向您表示感谢。