Question

我需要帮助我的网络应用程序我正在使用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>

Answer 1

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

在第二行，您可能想要修复拼写和更改 date-role到data-role。我希望这足以完成你所需要的。

也要小心ID，仔细检查一切。使用jQuery Mobile是一项非常详细的活动。

如何更正我的代码，以便我的应用程序和标题上的链接有效？

1 个答案: