如何更正我的代码,以便在应用程序和标题工作中的链接



我需要我在NetBean 7.4上工作的Web应用程序的帮助即使代码是相同的,也适用于其他页面?如果有人能帮助我,我真的很感激它的代码如下。

<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>
<div data-role="page" id="home" data-theme="a"> 
      <div date-role="header"> 

在第二行,您可能想修复拼写和更改日期角色到数据角色。我希望这足以完成您的需求。

也要小心ID,请仔细检查所有内容。使用JQuery Mobile是一项非常详细的活动。

最新更新