0

내 웹 사이트에서'offsetWidth '속성을 읽을 수 없습니다. 내 웹 사이트에서 2 div를 주석 처리 했으므로 오류가 발생합니다. 부트 스트랩 회전 목마. 이 컨베이어는 나에게 유용하지 않은 다른 누군가가 개발했습니다. div를 주석으로 처리하는 것이이 오류를 일으키는 지 어떻게 보지 못합니까? div의가에 남아있는 경우는 발생하지 않습니다 "정의되지 않은 또는 null 참조 offsetWidth '속성을 읽을 수 없습니다. div를 주석 처리 한 후

<!-- Carousel --> 
<div id="homepage-slider"> 
    <div id="feature-wrap"> 
     <div class="iosSlider"> 
      <div  class="slider">                
      {2}     
      <div class="item" id="2"> 
       <a href="{0}/{1}/products/test1"><img  src="{0}/Content/images/home/index/myPic.jpg" style="width: 100%;" /></a> 
      </div> 
      <div class="item" id="3"> 
       <a href="{0}/{1}/products/test2"><img src="{0}/Content/images/home/index/myPic2.jpg" style="width: 100%;" /></a> 
      </div> 
      <div class="item" id="4">      
       <a href="https://myPage.myCompany.com/"  target="_blank"><img src="{0}/Content/images/home/index/myPic3.jpg"  style="width: 100%;" /></a> 
      </div> <!-- Commenting out this div   -->       
      </div> 
      <div class="iosSliderButtons">     
       {3} 
       <div class="button"></div> 
       <div class="button"></div> 
       <div class="button"></div> <!-- Commenting out this div --> 
      </div> 
     </div> 
     <div id="nextSlide"></div> 
     <div id="previousSlide"></div> 
    </div> 
</div> 

이 HTML은 Index.cshtml라는 다른 파일에서 호출과 같이 :.

<div id="view-home"> 
@Html.Raw(Resources.HtmlContent.HomePageContent.FormatWith(host, 

currentWebAlias, myHTML1, myHTML2)) 
</div> 

myHTML1 & myHTML2가 이전 파일에 설정되어, 이 HTML을 사용하여 위 페이지에서 자리 표시 자 ({2} 및 {3}로 표시)를 채 웁니다.

나는 '눈에 잘 띄지 않는'것을 제외하고는 비슷한 오류가 발생합니다. div가 주석 처리되지 않았을 때이 모든 것이 올바르게 작동하지만 div를 제거하면 이러한 오류가 갑자기 발생하는 것을 알 수 없습니다.

도움을 주시면 큰 도움이됩니다.

답변

0

해당 요소가 carrousel plugin에서 참조되므로 div를 주석 처리하면 오류가 발생할 수 있습니다. javascript가 정의되지 않은 요소를 찾을 수 없으므로 undefined의 elements 속성에 액세스하면이 오류가 발생합니다.

누구나이 플러그인을 작성한 사람은 오류가 발생하기 쉽기 때문에 그 구조로 놀아 볼 필요가 없었습니다. 이 속성은 대부분 회전 목마 플러그인 슬라이드 효과를 계산에 사용되는

, 당신이 당신의 응답을

+0

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetWidth 여기에 대한 감사 자세한 내용을 확인할 수 있습니다. 당신이 플러그인을 말할 때, 당신은 무엇을 의미합니까? 자바 스크립트 라이브러리? 가져온 라이브러리이므로 변경할 수 없습니다. 슬라이드 쇼의 특정 번호에 대한 하드 코딩 된 참조를 검색했지만 아무 것도 찾을 수 없습니다. 내가 주석 처리 한 div 중 하나 (버튼 하나)에는 ID가 없으므로 참조되는 부분을 찾을 수 없습니다. id = "4"인 div에 대한 참조를 찾을 수 있다고 가정합니다.하지만 이는 내 솔루션에서 "4"를 검색하는 것을 의미하지만, 그 중 많은 수가 바인딩되어 있습니다! – WebDev1978

+0

예, 자바 스크립트 라이브러리를 의미합니다. 나는 그것이 다른 사람들의 코드를 잘 읽지 못한다면, 당신이 뭔가 어째서 깨지는 이유를 알아내는 것이 어려울 것이라는 점을 그처럼 하드 코드 된 값으로 생각하지 않는다. 해당 라이브러리에 대한 링크를 제공 할 수 있습니까? –

+0

감사합니다. 난 그냥 오류가 눈에 거슬리지 재산을 가지고있어. VS 2015를 사용하여 디버깅 할 때 jquery.validate.unobtrusive.min.js 라이브러리에서 가져온 것이고 '동적'이라는 것을 알 수 있습니다 - 그래서 즉석에서 생성 된 것으로 추정 할 수 있습니까? 그래서 어떻게 그 라이브러리에 코드를 제공 할 수 있는지 모르겠습니다. 뭔가 상상해 봅니다. 어딘가에서 내가 주석 처리 한 div를 참조하고 있지만, 어디에서/무엇인지 찾을 수 없습니다! – WebDev1978