html中carousel报错怎么解决,javascript - 无法使用Bootstrap Carousel读取未定义的属性'offsetWidth' - 堆栈内存溢出...

我有一个Bootstrap Carousel，但有一些问题。 我尝试使用其他类似的解决方案，但我无法解决我的情况...

此图显示了页面上的错误：

HTML代码

Previous

Next

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

}

非常感谢你！