未捕获的类型错误：jQuery(...).show(...).revolution 不是函数 - Laravel 8答案

【问题标题】：Uncaught TypeError: jQuery(...).show(...).revolution is not a function - Laravel 8未捕获的类型错误：jQuery(...).show(...).revolution 不是函数 - Laravel 8
【发布时间】：2021-04-06 21:29:04
【问题描述】：

我得到以下信息，“未捕获的 TypeError：jQuery(...).show(...).revolution 不是函数当我运行我的 Laravel 项目时。我尝试从 CDN 加载 Jquery 并尝试更改它们的加载顺序，但我得到了同样的错误。此错误的结果是所有带有旋转滑块的 div 都无法加载。

revolution.js


    jQuery(document).ready(function(){
       jQuery('#rev_slider_4').show().revolution({
          dottedOverlay: 'none',
          delay: 5000,
          startwidth: 1170,
          startheight:720,
          hideThumbs: 200,
          thumbWidth: 200,
          thumbHeight: 50,
          thumbAmount: 2,
          navigationType: 'thumb',
          navigationArrows: 'solo',
          navigationStyle: 'round',
          touchenabled: 'on',
          onHoverStop: 'on',
          swipe_velocity: 0.7,
          swipe_min_touches: 1,
          swipe_max_touches: 1,
          drag_block_vertical: false,
          spinner: 'spinner0',
          keyboardNavigation: 'off',
          navigationHAlign: 'center',
          navigationVAlign: 'bottom',
          navigationHOffset: 0,
          navigationVOffset: 20,
          soloArrowLeftHalign: 'left',
          soloArrowLeftValign: 'center',
          soloArrowLeftHOffset: 20,
          soloArrowLeftVOffset: 0,
          soloArrowRightHalign: 'right',
          soloArrowRightValign: 'center',
          soloArrowRightHOffset: 20,
          soloArrowRightVOffset: 0,
          shadow: 0,
          fullWidth: 'on',
          fullScreen: 'off',
          stopLoop: 'off',
          stopAfterLoops: -1,
          stopAtSlide: -1,
          shuffle: 'off',
          autoHeight: 'off',
          forceFullWidth: 'on',
          fullScreenAlignForce: 'off',
          minFullScreenHeight: 0,
          hideNavDelayOnMobile: 1500,
          hideThumbsOnMobile: 'off',
          hideBulletsOnMobile: 'off',
          hideArrowsOnMobile: 'off',
          hideThumbsUnderResolution: 0,
          hideSliderAtLimit: 0,
          hideCaptionAtLimit: 0,
          hideAllCaptionAtLilmit: 0,
          startWithSlide: 0,
          fullScreenOffsetContainer: ''
              });
     });

app.blade.php


    <!-- <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> -->
    <script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>
    <script src="{{asset('js/bootstrap.min.js')}}"></script> 
    <script src="{{asset('js/bootstrap-select.min.js')}}"></script> 
    <script src="{{asset('js/parallax.js')}}"></script> 
    <script src="{{asset('js/revslider.js')}}"></script> 
    <script src="{{asset('js/common.js')}}"></script> 
    <script src="{{asset('js/jquery.bxslider.min.js')}}"></script> 
    <script src="{{asset('js/owl.carousel.min.js')}}"></script> 
    <script src="{{asset('js/jquery.mobile-menu.min.js')}}"></script> 
    <script src="{{asset('js/countdown.js')}}"></script> 
    <script src="{{asset('js/revolution.js')}}"></script>  
    <script src="{{asset('js/hideme.js')}}"></script> 
    <!-- Hot Deals Timer 1--> 
    <script src="{{asset('js/countback.js')}}"></script>

我希望您能帮助我让旋转滑块正常工作。

【问题讨论】：

创建一个函数revolution并添加你的值，然后调用jQuery('#rev_slider_4').show().revolution();
我没有抓住你，Dean，你能给我举个例子来说明你的意思吗
脚本中没有名为revolution()的函数，您需要类似函数revolution()的函数{}
你确定，revolution.js 已经扩展了 jQuery 吗？因为 show() 方法返回 jQuery 实例。

标签： php jquery laravel

【解决方案1】：

我遇到了类似的问题，在我的情况下，它是由两次包含 jQuery 引起的。

确保您没有包含两次 jQuery。检查页面中包含的所有脚本，并确保其中没有一个包含 jquery。

【讨论】：

【解决方案2】：

这是您的整个 .blade 文件吗？如果是这样的话，问题很可能是找不到带有id:rev_slider_4 的元素。如果您的页面上确实有元素，请确保该元素具有正确的id。

您还可以测试您的其他 JavaScript 是否正常工作，以确保它不是加载问题。

【讨论】：