为什么我的网站加载了双重内容?我的第一次互动式Javascript尝试

时间:2014-03-03 03:36:20

标签: javascript html css interactive

美好的一天好人,我非常欣赏这个网站的知识深度。

长篇故事:

我用html和css制作了几个非常基本的网站,但这是我第一次尝试使用Javascript更具互动性的网站。该URL是www.audiophilesengineering.com,它有一些我无法在我的代码中查明的故障。具体来说,整个“联系人”页面加载内容两次。这似乎是最一致的错误,所以我想先解决这个问题。我现在是一个年轻的破产企业家,所以我现在被迫为我的企业做大部分事情。与此同时,我对我以前无聊的网站感到不满,并希望能够创造出更具互动性的东西,但也出现了一些严重的问题。

tldr(短篇小说);

为什么http://audiophilesengineering.com/#!Contact.html的内容会显示两次?

联系页面html代码:

<div class="genericSection section-CONTACT">
<!--add here url for this section background image-->
<img class="sectionBackgroundImage" src="pages/backgrounds/background_contact.jpg" />
<!--/section background image-->
<!--add here page number-->
<p class="pageNum textColor01">04/<span class="textColor03">07</span></p>
<!--/add here page number-->
<!--skeleton container-->
<div class="container">
    <!--Website logo-->
    <div class="row">
        <div class="sixteen columns">
            <img class="brand" src="images/logo.png" alt="logo" />
        </div>
    </div>
    <!--/Website logo-->
    <!--Section title H2-->
    <div class="row">
        <div class="sixteen columns">
            <div class="h2square backgroundColor02">1</div>
            <h2 class="textColor01">Contact Us<span class="textColor02"> // Phone or Email</span></h2>
            <div class="horizontalLine backgroundColor02"></div>
            <div class="clear-fx"></div>
            <div class="addressContainer">
                      <p><a class="phoneBig textColor01" href="tel:+8134801321">813-480-1321</a></p>
                      <p><a href="mailto:audiophilesengineering@gmail.com">audiophilesengineering@gmail.com</a></p>
                      <p class="defaultText textColor01">Audiophiles Engineering<br />Tampa, Florida 33624<br />United States</p>                    
            </div>
        </div>
    </div>
    <!--/Section title H2-->
    <!--vertical spacer-->
    <div class="verticalSpacerMedium"></div>
    <!--/vertical spacer-->
    <!--Section title H2-->
    <div class="row">
        <div class="sixteen columns">
            <div class="h2square backgroundColor02">2</div>
            <h2 class="textColor01">Visit Us<span class="textColor02"> // By Appointment Only</span></h2>
            <div class="horizontalLine backgroundColor02"></div>
            <div class="clear-fx"></div>
            <!--full width map-->
            <div class="mapContainer">
                <iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=28.04,-82.51&amp;sll=28.040078,-82.510190&amp;hl=en&amp;ie=UTF8&amp;t=p&amp;ll=28.033198,-82.507324&amp;spn=1.939406,8.789063&amp;z=6&amp;output=embed"></iframe>
            </div>                
        </div>
    </div>
    <!--/Section title H2-->
</div>
<!--/skeleton container-->
</div>

0 个答案:

没有答案