2014-02-05 6 views
1

Вот мой код:Загрузки страницы HTML

</html> 
    <body background="images/top_bannercroppppp.jpg"> 
     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="topbar"> 
      <div class="container-fluid"> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <label id="toplabel" style="color:#FFFFFF"></label> 
       </div> 
       <div class="navbar-collapse collapse"> 
        <ul class="nav navbar-nav navbar-right"> 
         <li> 
          <a href="#"> 
           <img src="images/btn_logout.jpg"> 
          </a> 
         </li> 
        </ul> 
       </div> 
      </div> 
     </div> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-sm-3 col-md-2 sidebar" id="menu"> 
        <div id="divRows"> 
         <ul class="nav nav-sidebar" id="ul_list"> 
          <li id="divlist" class="active"> 
           <img src="images/camera_Off.png" width="150" id="liveVideo" style="margin-left:10%" onclick="playon1()" alt="Camera" /> 
          </li> 
          <br/> 
          <li> 
           <img src="images/users_Off.png" id="users" width="150" style="margin-left:10%" alt="Users" onclick="playon2()" /> 
          </li> 
          <br/> 
          <li> 
           <img src="images/settings_Off.png" id="settings" width="150" style="margin-left:10%" alt="Settings" onClick="playon3()" /> 
          </li> 
          <div id="ulsettings"> 
           <ul id="list"> 
            <li> <a href="#" id="videopg">Video</a> 
            </li> 
            <li> <a href="#" id="adv_features">Advanced Features</a> 
            </li> 
            <li> <a href="#" id="camera">Camera</a> 
            </li> 
            <li> <a href="#" id="audio">Audio</a> 
            </li> 
            <li> <a href="#" id="Date_Time">Date/Time</a> 
            </li> 
            <li> <a href="#" id="NetworkPort">Network and Port</a> 
            </li> 
            <li> <a href="#" id="alarm">Alarm</a> 
            </li> 
            <li> <a href="#" id="storage">Storage</a> 
            </li> 
           </ul> 
          </div> 
          <li> 
           <img src="images/maintanance_off.png" id="maintenance" width="150" style="margin-left:10%" alt="Maintenance" onClick="playon4()" /> 
          </li> 
          <br/> 
          <li> 
           <img src="images/support_off.png" id="support" width="150" style="margin-left:10%" alt="Support" onClick="playon5()" /> 
          </li> 
          <br/> 
         </ul> 
         <img src="images/logo.jpg" id="logo" /> 
        </div> 
       </div> 
       <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" id="topbanner"></div> 
      </div> 
     </div> 
     </div> 
     <!-- Bootstrap core JavaScript 
     ================================================== --> 
     <!-- Placed at the end of the document so the pages load faster --> 
     <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> 
     <script src="bootstrap-3.1.0/docs/dist/js/bootstrap.min.js"></script> 
     <script src="bootstrap-3.1.0/docs/assets/js/docs.min.js"></script> 
     <script src="js/index.js"></script> 
     <script src="js/jquery/jquery-1.10.2.js"></script> 
     <script src="js/jquery/jquery-1.8.3.min.js"></script> 
     <script src="js/jquery/jquery-ui-1.9.2.custom.min.js"></script> 
     <script src="js/jquery/jquery.base64.js"></script> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    </body> 
</html> 

Почему HTML страницы занять некоторое время во время загрузки и страница висит прочь, не позволяя другие страницы для загрузки? Когда я нажимаю на одну кнопку, нет проблем с ее загрузкой, но как только я нажимаю другую страницу, зависает, или она не загружается и занимает время при загрузке.

+0

Можете вы добавить код из index.js? Это может помочь. – MarkoHiel

+0

Начать только загрузкой ОДНА версия jQuery – mplungjan

+0

Это очень много кода для нас, чтобы просто отлаживать. Предоставьте [SSCCE] (http://sscce.org/). При создании SSCCE вы, вероятно, дойдете до того момента, когда он начнет работать, потому что вы удалили 3 из 4 (!!!) jQuery. – Cerbrus

ответ

3

Вы загружаете одни и те же библиотеки много раз и из разных мест. Например:

js/jquery/jquery-1.10.2.js 
http://code.jquery.com/jquery-1.9.1.js 
https://code.jquery.com/jquery-1.10.2.min.js 
Смежные вопросы