2013-04-30 5 views
1

При запуске следующего кода firefox 17.0.5 дает сообщение об ошибке «сообщение об ошибке», когда я хочу открыть страницу автомобиля. Но он работает правильно в IE8.JQuery mobile multi-страница

Затем я нашел здесь пример http://jquerymobile.com/demos/1.0/docs/pages/multipage-template.html Я открыл этот сайт с firefox 17.0.5, работает. Затем я просмотрел исходный код, почти ту же структуру, что и моя. Но когда я загружаю html и запускаю его, ни IE8, ни FF не работают. Что здесь не так? Я связан с jQuery moible из другого проекта, ничего не знаю о веб-разработке. Пожалуйста помоги. :(

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script> 
</head> 
<body> 
    <!-- Start of first page --> 

    <div data-role="page" id="menu"> 
     <div data-role="header"> 
      <h1>Menu</h1> 
     </div><!-- /header --> 

     <div data-role="content"> 
      <p>What vehicles do you like?</p> 
      <p><a href="#one">Cars</a></p> 
      <p><a href="#two">Trains</a></p> 
      <p><a href="#three">Planes</a></p> 
     </div><!-- /content --> 

     <div data-role="footer"> 
      <h4>Page Footer</h4> 
     </div><!-- /header --> 
    </div><!-- /page --> 

    <!--/Page 2 --> 

    <div data-role="page" id="one"> 
     <div data-role="header"> 
      <h1>Cars</h1> 
     </div><!-- /header --> 

     <div data-role="content"> 
      <p>Content about cars</p> 
     </div><!-- /content --> 
     <div data-role="footer"> 
      <h4>Cars</h4> 
     </div><!-- /header --> 
    </div><!-- /page --> 
</body> 

</html> 
+1

Вы получаете ошибку на консоли firebug? – dreamweiver

+0

@dreamweiver Привет, я googled, как использовать firebug, это мощный инструмент, спасибо за подсказку. Однако я запускаю вложенные html в FF, firebug-> console-> errors, он пуст. – Tiina

+0

: Здесь проверьте это, я чувствую его работоспособность. Http: //jsfiddle.net/dreamweiver/mhN4X/ – dreamweiver

ответ

0

У меня тоже была такая же проблема, и я обнаружил, что проблема с использованием протокола file://, Вы не можете работать с jquerymobile с протоколом file:// он должен быть веб-адрес. После переезда мой проецировать на мой локальный сервер с протоколом http:// он работал сразу

Источник:. http://doeswhat.com/2011/03/08/jquery-mobile-error-loading-page/

EDIT:
в вашем случае, избегая пробелов в URL-адресе решает вашу проблему

+1

Спасибо! это может быть одной из причин. Но проблема, с которой я столкнулся, - это пространство! FF не смог декодировать пространство в адресе, я думаю, IE8 декодирует его как% 20. Теперь я попробовал это с другой папкой без какого-либо пространства, это работает. «Нет места в адресе», возможно, будет общим для веб-разработчиков, и теперь я тоже буду думать об этом: D – Tiina

+0

Я ненавижу пробелы: p – Ouadie