Ошибка мобильного скрипта Jquery (** Ошибка загрузки страницы **) при нажатии на URL или Href? - PullRequest
Новая
       0

Ошибка мобильного скрипта Jquery (** Ошибка загрузки страницы **) при нажатии на URL или Href?

2 голосов
/ 19 декабря 2011

Я создал образец веб-приложения с помощью jQuery Mobile.

Я создал два <div> с; один содержит href , а другой - содержимое. Когда я нажимаю на HREF, он показывает скрипт jquery-mobile Error, как показано ниже:

Ошибка загрузки страницы

Кто-нибудь может увидеть, что может быть причиной этой ошибки? 

    <html> <head runat="server">    <title>How to expand collapse div layer using jQuery</title>
           <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-.0a3.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-.0a3.min.css" />    
   <script language="javascript">
       $(document).ready(function () {
       var $pages = $('#pages > *').hide(); 
           $('#content a').click(function() {
                $pages.hide();
                $($(this).attr('href') ).show();
            });
       });
   </script>
</head>
<body>  
   <div data-role="page">
   <div data-role="header" class='header_align'>Bristol-Myers Squibb</div>

       <h2>
           How to expand collapse div layer using jQuery</h2>
       <div id="toggle">
           <div id="heading">Heading</div>
           <div id="content">
              <ul>
                 <li><a href="#page-1">Page1</a></li>
                 <li><a href="#page-2">Page2</a></li>
                 <li><a href="#page-3">Page3</a></li>
              </ul>
           </div>
       </div>
       <div id="pages">
            <div id="page-1">Page 1 Content</div>
            <div id="page-2">Page 2 Content</div>
            <div id="page-3">Page 3 Content</div>
       </div>
     </div>    
</body>
</html>

1 Ответ

1 голос
/ 19 декабря 2011

Поведение jQuery для мобильных устройств по умолчанию для ссылки с именованным якорем - переход на страницу (data-role = "page") с соответствующим идентификатором.Но такой страницы нет для страницы 1, 2 или 3, поэтому возникает ошибка.

Попробуйте это 

$(document).ready(function () {
    var $pages = $('#pages > *').hide(); 
    $('#content a').click(function() {
        $pages.hide();
        $($(this).attr('href') ).show();
        return false;
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...