Question

我下载了jQuery Mobile Demo，以了解查询移动设备的工作原理。我把文件放在一个名为“test”的文件夹中，然后把这个测试文件夹放在我的WAMP服务器的www文件夹中。当我尝试打开网页（Chrome，Firefox或IE）时，我看不到除了屏幕左上角写的破碎的铃声以及蓝色测试中的图像损坏。我不知道发生了什么事。当我尝试在平板电脑（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那样，我不明白为什么。如果可以，请帮忙。

Answer 1

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

Answer 2

你期望看到什么？你试图用这段代码做什么？

包含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＆amp; .js文件。其次，必须有一个jquery包括[not mobile] first（jquery-1.8.0.js或其他版本），而不是jquery.mobile-x.x.x.js。没有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 -->

jQuery Mobile不工作（我只看到破碎的铃声）

2 个答案: