Question

我创建了一个网页，假设它上面有标签。在我们的开发环境中，一切都很好，当我们把它移到舞台上时，它很有趣直到今天早上现在它正在抛出错误，我不太了解JS来修复它。

这是错误：

未定义Ext   [打破此错误]
  Ext.get（newboxes [X] + .ID “_ HREF”）removeClass（ “选择”）;

这是脚本：

<script language="javascript">
function showonlyone(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
            for(var x=0; x<newboxes.length; x++) {
                  name = newboxes[x].getAttribute("name");
                  if (name == 'newboxes') {
                        if (newboxes[x].id == thechosenone) {
                        newboxes[x].style.display = 'block';
                        Ext.get(newboxes[x].id+"_href").addClass("selected");
                        } else {
                        newboxes[x].style.display = 'none';
                        Ext.get(newboxes[x].id+"_href").removeClass("selected");
                        }
                    }
            }
}
</script>

以下是代码：

<!-- Tabs start -->
 <div class="fulltab">  
    <div class="tabheader">
        <ul class="tabs">
            <li><a id="tab01_href" href="javascript:showonlyone('tab01');" class="selected">Applications</a></li>
            <li><a id="tab02_href" href="javascript:showonlyone('tab02');" >Features</a></li>
            <li><a id="tab03_href" href="javascript:showonlyone('tab03');" >Testimonials</a></li>
        </ul>
    </div>
    <div style="clear:both;"></div>
<div id="contentDiv">
      <div class="tab-content-wrap" style="background: url(../images/block3.png) no-repeat;">
        <div name="newboxes" id="tab01" class="tab-content" style="display: block;">
            <br /><br />
             <img class="alignleft" style="float:left; margin:5px 11px;border:1px solid #6B6B6B;" src="../images/tt_ss.jpg" alt="" width="400px" /><br />
                        <u><b>STUFF</b></u>
                        <ul style="margin-left:440px;list-style-type:disc;padding:0;margin-top:0;">
                        <li>STUFF</li>
                        <li>STUFF</li>
                        <li>STUFF</li>
                        </ul>
        </div>

        <div name="newboxes" id="tab02" class="tab-content" style="display: none;">
        <div style="margin-left:10px; width:700px;">
            <br /><br />
            <strong>STUFF</strong><br />
            <ul style="margin-left:10px; margin-top:0px;list-style-type:disc;padding: 0;">
                    <li>STUFF</li>
                    <li>STUFF</li>
            </ul>
        </div>
        </div>
    <div name="newboxes" id="tab03" class="tab-content" style="display: none;">
         <div style="padding-right:25px;padding-top:10px;">
            <ul>
                <p>STUFF</p>
                <p>STUFF</p>
            </ul>
         </div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>
</div>
    <!-- Tabs End -->

我可以使用很多帮助！

Answer 1

您需要在页面中包含Ext JS。如何执行此操作取决于您打算使用的Ext JS的版本。根据您的用法判断，它可能是Ext JS 3.尝试将此添加到您的head，以连接CDN托管的Ext JS 3.4副本：

<script type="text/javascript" src="http://cdn.sencha.io/ext-3.4.0/ext-all.js"></script>

如果您的网页在此之后有效，您可能希望阅读Overview of Ext JS或升级到Ext JS 4。请记住，Ext JS附带licensing restrictions。

Answer 2

我们能够解决这个问题。开发环境正在拉一个阶段没有的文件。我们能够通过原始开发人员的帮助解决这个问题。谢谢大家！

JS Ext未定义

2 个答案: