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

Мне нужна помощь с моим веб-приложением. Я работаю над NetBeans 7.4 и не могу отобразить заголовок на первой странице, и по какой-то причине мои ссылки на страницу викторины не работают, хотя код такой же, и он работает для других страниц? если бы кто-нибудь мог помочь мне, я был бы очень признателен, код выглядит следующим образом.

<html>
    <head>
        <title>Poker Wizard</title>
        <link rel ="stylesheet" type="text/css" href="css/jquery.mobile-1.3.2.css"/>
        <script src="js/jquery-2.0.3.js"></script>
        <script src="js/jquery.mobile-1.3.2.js"></script> 
    </head>
    <body>
        <div data-role="page" id="home" data-theme="a"> 
            <div date-role="header"> 
               <h1>Welcome to the Poker Wizard!</h1> 
        </div>
        <div data-role="content">
        Welcome to the Poker Wizard its still under construction...
        <ul>
        <a href="#strategy">Poker Strategy</a></li>
        </ul>
        <ul>
        <a href="#hints&tips">Hints & Tips</a></li> 
        </ul>
        <ul>
        <a href="#rules">Rules of Poker</a></li> 
        </ul>
        <ul>
        <a href="#quiz">Take Quiz</a></li>
        </ul>
        </div>
        <div data-role="footer" data-position="fixed"> 
            <h3>&copy;Jack Leigh 2014</h3>
        </div>     
        </div>
    </div>
    <div data-role="page" id="strategy" data-theme="a">
        <div data-role="header">
            <h1>Strategy</h1>
        </div>
        <div data-role="content">
            First things first, you need to learn the strategies of Poker 
            in order to be able to play it. Decide whether you are going to play
            for fun or money as the your approach to the game will be completely 
            different depending on your decision. 
        </div>
        <div data-role="footer" data-position="fixed" class="ui-bar">
            <a data-role="button" data-icon="home" href="index.html">Home</a>
        </div>
    </div>
    <div data-role="page" id="hints&tips" data-theme="a"> 
        <div data-role="header">
            <h1>Hints & Tips</h1>
        </div>
        <div data-role="content">
            This page will be about Hints & Tips of Poker
        </div>
        <div data-role="footer" data-position="fixed" class="ui-bar">
            <a data-role="button" data-icon="home" href="index.html">Home</a>
    </div>
    <div data-role="page" id="rules" data-theme="a"> 
        <div data-role="header">
            <h1>Rules</h1>
        </div>
        <div data-role="content">
            This page will be about the rules of poker
        </div>
        <div data-role="footer" data-position="fixed" class="ui-bar">
            <a data-role="button" data-icon="home" href="index.html">Home</a>
        </div>
        <div data-role="page" id="quiz" data-theme="a">
            <div data-role="header">
                <h1>quiz</h1>
        </div>
        <div data-role="content">
                This page will be the Quiz!
        </div>
        <div data-role ="footer" data-position="fixed" class="ui-bar">
            <a data-role="button" data-icon="home" href="index.html">Home</a>
        <div/>
    </body>
</html>
Источник

1 ответ 

<div data-role="page" id="home" data-theme="a"> 
      <div date-role="header">

Во второй строке вы, возможно, захотите исправить орфографию и поменять роль даты на роль данных. Я надеюсь, что этого достаточно, чтобы выполнить то, что вам нужно.

Будьте осторожны с идентификаторами, проверьте все дважды. Работа с jQuery Mobile - очень детальное занятие.

Источник
Другие вопросы по тегам