Javascript 无法读取属性';网间距';未定义的带引导旋转木马的

Javascript 无法读取属性';网间距';未定义的带引导旋转木马的,javascript,twitter-bootstrap,carousel,Javascript,Twitter Bootstrap,Carousel,我有一个引导转盘,但我有一些问题。我试图使用其他类似的解决方案,但我不能为我的情况 此图显示了我在页面上的错误: HTML代码 Boostrap JS行错误 $next[0].offsetWidth // force reflow return this.slide('next') return fn.apply( context || this, args.concat( slice.call( arguments ) ) ); $next错误代码行(其中$error被初始

我有一个引导转盘,但我有一些问题。我试图使用其他类似的解决方案,但我不能为我的情况

此图显示了我在页面上的错误:

HTML代码


  • Boostrap JS行错误

    $next[0].offsetWidth // force reflow
    
    return this.slide('next')
    
    return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
    
    $next错误代码行(其中$error被初始化)。我认为这是代码的一部分

    Carousel.prototype.slide = function (type, next) {
    var $active   = this.$element.find('.item.active')
    var $next     = next || this.getItemForDirection(type, $active)
    var isCycling = this.interval
    var direction = type == 'next' ? 'left' : 'right'
    var fallback  = type == 'next' ? 'first' : 'last'
    var that      = this
    
    if (!$next.length) {
      if (!this.options.wrap) return
      $next = this.$element.find('.item')[fallback]()
    }
    
    if ($next.hasClass('active')) return (this.sliding = false)
    
    var relatedTarget = $next[0]
    var slideEvent = $.Event('slide.bs.carousel', {
      relatedTarget: relatedTarget,
      direction: direction
    })
    this.$element.trigger(slideEvent)
    if (slideEvent.isDefaultPrevented()) return
    
    this.sliding = true
    
    isCycling && this.pause()
    
    if (this.$indicators.length) {
      this.$indicators.find('.active').removeClass('active')
      var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)])
      $nextIndicator && $nextIndicator.addClass('active')
    }
    
    var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid"
    if ($.support.transition && this.$element.hasClass('slide')) {
      $next.addClass(type)
      $next[0].offsetWidth // force reflow
      $active.addClass(direction)
      $next.addClass(direction)
      $active
        .one('bsTransitionEnd', function () {
          $next.removeClass([type, direction].join(' ')).addClass('active')
          $active.removeClass(['active', direction].join(' '))
          that.sliding = false
          setTimeout(function () {
            that.$element.trigger(slidEvent)
          }, 0)
        })
        .emulateTransitionEnd(Carousel.TRANSITION_DURATION)
    } else {
      $active.removeClass('active')
      $next.addClass('active')
      this.sliding = false
      this.$element.trigger(slidEvent)
    }
    
    isCycling && this.cycle()
    
    return this
    
    }


    多谢各位

    尝试将“活动”类别设置为一个旋转木马项目。

    尝试将“活动”类别设置为一个旋转木马项目。

    尝试将.item设置为所有.carousel项目

    这就是我的解决方案:

    • 自举4.0.0
    • jquery 3.2.1 slim

    尝试将.item设置为all.carousel项目

    这就是我的解决方案:

    • 自举4.0.0
    • jquery 3.2.1 slim

    错误告诉您,
    $next[0]
    未定义,但您没有向我们显示设置了
    $next
    的位置,因此无法查看问题所在。你能展示一下吗?
    $next
    来自哪里?您可以显示
    $next
    在哪里初始化吗?请按照-不要使用背景图像。我尝试了没有背景图像的代码,但仍然存在相同的问题…错误告诉您
    $next[0]
    未定义,但您没有显示
    $next
    在哪里设置,因此无法查看问题所在。你能展示一下吗?
    $next
    来自哪里?你能显示一下
    $next
    初始化的位置吗?按照-不要使用背景图像。我尝试了没有背景图像的代码,但仍然有相同的问题…我想我应该已经在代码中有了“是吗?是的。我相信你的问题是你需要从一个项目开始,如果不是的话,JS不知道下一个项目是什么。您也只有2个项目,但在顶部的指示器中有4个项目,但这只会在单击指示器时导致错误。我想我应该已经在代码中有了“是吗?是的。我相信你的问题是你需要从一个项目开始,如果不是的话,JS不知道下一个项目是什么。您的指示器顶部也只有2个项目,但有4个项目,但这只会在单击指示器时导致错误。