오류가 발생합니다. JavaScript 런타임 오류입니다. 정의되지 않은 참조 또는 null 참조의 'offsetWidth'속성을 가져올 수 없습니다. 의 offsetWidth 예외는 위의 코드에서 발생하는 위치를 찾을 수 used.Please입니다입니다mvc 응용 프로그램에서 부트 스트랩 캐 러셀이 작동하지 않습니다.
다음 <div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators"></ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<script>
$.ajax({
type: 'post',
url: "@(Url.Action("GetHomeImageurls", "BannerImage"))",
data: {},
success: function (data) {
//debugger;
var jsonData = $.parseJSON(data);
var table = jsonData.Table;
var str = '';
var str1 = '';
var text = '';
for (var i = 0; i < table.length; i++) {
if (i == 0)
text = 'active';
else
text = '';
str = str + '<div class="item ' + text + '"><img src="' + table[i].ImagePath + '" alt="image" style="height:400px;width:800px;"/></div>';
}
for (var i = 0; i < table.length; i++) {
if (i == 0)
text = 'active';
else
text = '';
str1 = str1 + '<li data-target="#myCarousel" data-slide-to="'+i+'" class="'+text+'"></li>';
}
$('.carousel-inner').html(str);
$('.carousel-indicators').html(str1);
},
error: function (data) {
debugger;
}
});
</script>
내가 사용하고 bootstarp.js와 jquery.js, 내가 찾을 수 없습니다입니다.
GetHomeImageurls() 코드 란 무엇입니까? –
가능한 복제 http://stackoverflow.com/questions/29027830/getting-cannot-read-property-offsetwidth-of-undefined-with-bootstrap-carousel/29580816 –