2017-03-20 1 views
0

오류가 발생합니다. 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, 내가 찾을 수 없습니다입니다.

+0

GetHomeImageurls() 코드 란 무엇입니까? –

+0

가능한 복제 http://stackoverflow.com/questions/29027830/getting-cannot-read-property-offsetwidth-of-undefined-with-bootstrap-carousel/29580816 –

답변

0

분명히 변수의 offsetWidth에 대한 참조를 시도하지만 변수는 undefined 또는 null입니다. undefined 또는 null이므로 offsetWidth 구성원이 없으므로 오류가 발생합니다. 이 오류의 정확한 위치를 찾고 truey처럼 변수를 확인해야합니다.

if (myVariable && (typeof myVariable.offsetWidth !== "undefined")) { 
    //Do something with myVariable.offsetWidth 
} 
+0

어디에서나 offsetWidth를 사용하지 않습니다. @ Lajos – Jaganath

+0

@Jaganath 그렇지 않으면 오류 메시지가 표시됩니다. 브라우저 콘솔에서 오류를 확인하고 오류 행으로 이동하여 offsetWidth를 사용한 위치를 확인하십시오. 그러한 코드를 작성하지 않았지만 그것을 사용하는 이미 작성된 스크립트를 사용할 기회가 있습니다. –

관련 문제