0

我创建了一个网页，该网页看起来像是有标签。在我们的开发环境中，一切都很好，当我们将它移到舞台上时，它一直很有趣，直到今天早上它一直在抛出错误，而我对 JS 的了解还不够，无法修复它。

这是错误：

Ext 未定义 [Break On This Error]
Ext.get(newboxes[x].id+"_href").removeClass("selected");

这是脚本：

<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 -->

我可以使用很多帮助！

4

2 回答 2

1

您需要在页面中包含 Ext JS。你如何做到这一点取决于你打算使用的 Ext JS 的版本。根据您的使用情况判断，可能是 Ext JS 3。尝试将其添加到您的head, 以连接 Ext JS 3.4 的 CDN 托管副本：

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

如果您的页面在那之后可以正常工作，您可能希望阅读Ext JS 概述，或升级到Ext JS 4。请记住，Ext JS 带有许可限制。

于 2012-06-22T14:34:12.573 回答
0

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

于 2012-06-22T14:54:30.797 回答