Question

我在我的网站上收到错误“无法读取未定义或空引用的属性'offsetWidth'，因为我在引导程序轮播中注释掉了2个div。这个转盘是由我无法使用的其他人开发的。我没有看到如何注释div会导致此错误。留下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＆amp; myHTML2在文件的前面设置，然后使用此HTML填充上面页面中的占位符（标记为{2}和{3}）。

我也遇到了类似的错误，除了它指的是“不引人注目”。当div没有被注释掉时，这一切都正常，但是我没有看到删除div会导致这些错误突然发生。

任何帮助都非常感谢！

Answer 1

注释掉div可能会导致错误，因为该元素在carrousel插件中被引用。确切地说，因为javascript无法找到现在未定义的元素，访问undefined的elements属性会导致此错误。

无论是谁写了这个插件都没有考虑到你玩它的结构，因为他让它容易出错。

此属性最有可能用于计算carrousel插件幻灯片效果，您可以在此处查看更多相关信息https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetWidth

“在注释掉div之后，无法读取未定义或空引用的属性'offsetWidth'

1 个答案: