0

我下载了 jQuery Mobile Demo 来了解查询移动是如何工作的。我将文件放在一个名为“test”的文件夹中,并将这个测试文件夹放在我的 WAMP 服务器的 www 文件夹中。当我尝试打开网页(Chrome、Firefox 或 IE)时,除了在屏幕左上角以蓝色测试写的 Broken Bells 和损坏的图像外,我什么也没看到。我不知道发生了什么。当我尝试在我的平板电脑(Sony Tablet S)上运行网页时,我遇到了同样的情况。如果可以的话请帮忙。谢谢。

-----------------编辑后------------------------

好的,这就是我现在尝试过的。我去了这个页面http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.js。我将代码从该页面复制到一个名为 jquery.mobile-1.3.0.js 的文件中。然后在与该文件相同的文件夹中,我有另一个名为 index.php 的文件。在那个文件中,我有这个代码。

<html>
<head>
    <script type="text/javascript" src="jquery.mobile-1.3.0.js"></script>
</head>
<body>
    <a href="#" data-role="button">Anchor</a>
    <form>
        <button>Button</button>
        <input value="Input" type="button">
        <input value="Submit" type="submit">
        <input value="Reset" type="reset">
    </form>
</body>
</html>

现在页面打开了,但是按钮不像 jQuery 那样,我不明白为什么。如果可以的话请帮忙。

4

2 回答 2

0

你期待看到什么?你想用这段代码做什么?

包含 jquery 移动库的正确方法:

<head>
  <link href="YOUR_FOLDER/jquery.mobile-1.3.0.css" rel="stylesheet">  
  <script src="YOUR_FOLDER/jquery-1.8.0.js" type="text/javascript"></script>
  <script src="YOUR_FOLDER/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
</head>

首先,您需要包含所有库文件:.css 和 .js 文件。其次,必须有一个 jquery 首先包含 [not mobile](jquery-1.8.0.js 或其他版本),然后是 jquery.mobile-xxxjs。没有jquery库,jquery移动库就无法工作......

最后,在你包含文件之后......我不明白你想用这段代码做什么,但这里有一个例子:

<div data-role="page">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Page content goes here.</p>  
            <a href="index.html" data-role="button">Link button</a>
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->
于 2013-02-26T14:09:24.627 回答
0

如果您在本地主机上运行,​​请尝试在每个链接和按钮上使用 data-ajax=disabled。我不记得语法,但我记得有一个类似的问题。

于 2013-02-26T02:53:51.823 回答