Javascript 无法读取属性';网间距';未定义的带引导旋转木马的
我有一个引导转盘,但我有一些问题。我试图使用其他类似的解决方案,但我不能为我的情况 此图显示了我在页面上的错误: HTML代码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被初始
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
- 自举4.0.0
- jquery 3.2.1 slim
$next[0]
未定义,但您没有向我们显示设置了$next
的位置,因此无法查看问题所在。你能展示一下吗?$next
来自哪里?您可以显示$next
在哪里初始化吗?请按照-不要使用背景图像。我尝试了没有背景图像的代码,但仍然存在相同的问题…错误告诉您$next[0]
未定义,但您没有显示$next
在哪里设置,因此无法查看问题所在。你能展示一下吗?$next
来自哪里?你能显示一下$next
初始化的位置吗?按照-不要使用背景图像。我尝试了没有背景图像的代码,但仍然有相同的问题…我想我应该已经在代码中有了“是吗?是的。我相信你的问题是你需要从一个项目开始,如果不是的话,JS不知道下一个项目是什么。您也只有2个项目,但在顶部的指示器中有4个项目,但这只会在单击指示器时导致错误。我想我应该已经在代码中有了“是吗?是的。我相信你的问题是你需要从一个项目开始,如果不是的话,JS不知道下一个项目是什么。您的指示器顶部也只有2个项目,但有4个项目,但这只会在单击指示器时导致错误。