Bootstrap Uncaught Typeerror: Cannot Read Property 'offsetwidth' of Undefined
7 Answers vii
For me it was because I hadn't gear up an active course on any of the slides.
answered Apr 11, 2015 at 17:25
Jack JamesJack James
v,012 v gilt badges 35 silver badges 37 bronze badges
6
For me, I inverse class='carousel-item' to form='item' like this
<div grade="item"> <img class="img-responsive" src="..." alt="..."> </div> 
Charlie Fish
14.9k 16 gilded badges 69 silverish badges 152 bronze badges
answered Jul 31, 2016 at 16:56
sunnysunny
2,080 3 gold badges 17 silverish badges 34 statuary badges
6
-
'carousel-item' is from the v4 blastoff example. For this reason, I left information technology in but added 'item' so it would also work in v3
Oct 16, 2016 at 22:56
-
Worked for me as well. Non sure why.
Mar 16, 2017 at 17:53
-
Cheers so much! Later on agonizing over this trouble for over an houre, this solved the problem for me likewise.
Apr 28, 2017 at 3:17
-
I am using both BootStrap iv and 3 (long story) then adding item and carousel-item fixed the effect for me (neither one alone worked).
October 20, 2017 at eleven:36
-
Using 4 beta 1 that pingendo.com is currently using, and had to add together item alongside with carousel-item did the trick
Dec 9, 2017 at 6:18
Remove the form 'Carousal slide' on page load & add it dynamically when image gets loaded using jquery.This fixed for me
answered Jun 29, 2016 at nine:59
Anup ShettyAnup Shetty
550 6 silver badges 9 bronze badges
ii
-
I am creating the whole carousel html content in jquery dynamically and still get the same error
Mar 26, 2018 at eleven:13
-
Annotation that we demand to initialize the carousel using .carousel() method.
Sep 25, 2018 at 12:10
I got same error. Considering i used v4 alpha class names like carousel-command-side by side When i inverse with v3, problem solved.
answered Feb 26, 2017 at 23:28
dgncndgncn
49 4 bronze badges
I take got the same mistake, but in my example I wrote class names for carousel item as .carousel-item the bootstrap.css is referring .item. SO ERROR solved. carosel-particular is renamed to detail
<div form="carousel-detail active"></div> RENAMED To the following:
<div course="detail active"></div> 
ChrisMM
six,496 10 gilt badges 23 silver badges xl statuary badges
answered Jan 7, 2020 at 12:46
"Change to if (typeof $next == 'object' && $next.length) $next[0].offsetWidth" -did non help. if you convert Bootstrap 3 to php(for WordPress theme), when adding WP_Query ($loop = new WP_Query( $args );) insert $count = 0;. And and at the stop before endwhile; add $count++;.
answered Jan 31, 2020 at 16:09
if you lot're using the compiled bootstrap, 1 of the means of fixing it is by editing the bootstrap.min.js earlier the line
$next[0].offsetWidth strength reflow Alter to
if (typeof $adjacent == 'object' && $side by side.length) $adjacent[0].offsetWidth // forcefulness reflow answered January 24, 2021 at vii:13
BuchiBuchi
165 two silver badges 10 bronze badges
Non the answer yous're looking for? Browse other questions tagged javascript jquery twitter-bootstrap or ask your own question.
Source: https://stackoverflow.com/questions/29027830/getting-cannot-read-property-offsetwidth-of-undefined-with-bootstrap-carousel
Yes, that was the fix :) Thanks!
Apr 12, 2015 at ten:55
If you compile bootstrap you tin can prepare it by editing the carousel.js for the line
$next[0].offsetWidth// force reflow Change toif (typeof $side by side == 'object' && $side by side.length) $adjacent[0].offsetWidth // force reflowDec 23, 2015 at 21:56
in my instance affecting both agile course and also it may besides rendred issue dive load before its incorporate loaded
Dec 31, 2015 at 7:47
Awesome! Thanks Man
October 21, 2016 at xx:31
@fourgablesguy Hi, may I know what do you lot hateful exactly by - compile bootstrap? how can bootstrap exist manually compiled? Do u mean building the whole project?
Aug 24, 2018 at 12:49