jQuery Mobile无法正常工作（我只看到Broken Bells）

我下载了jQuery Mobile Demo来了解查询手机的工作原理。我把这些文件放在一个名为“test”的文件夹中，然后将这个测试文件夹放在我的WAMP服务器的www文件夹中。当我尝试打开网页（Chrome，Firefox或IE）时，除了在蓝色测试屏幕左上角用破碎的图像编写的Broken Bells，我没有看到任何东西。我不知道发生了什么事。当我尝试在平板电脑上运行网页（Sony Tablet S）时，我遇到了同样的情况。如果可以的话请帮忙。谢谢。jQuery Mobile无法正常工作（我只看到Broken Bells）

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

好吧，这是我现在尝试过的。我去了这个页面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，我不明白为什么。如果可以的话请帮忙。

来源

2013-02-25 Veda Sadhak

你的浏览器的控制台有哪些错误？ – Axel 2013-02-25 16:35:32

由于未知原因，HTTP请求失败。 – 2013-02-25 18:17:39

我的假设是你的包含文件的路径不正确，或者由于某种原因没有加载。我将从CSS文件开始（请参阅是否可以直接访问它们）。如果可以的话，它们是远程托管（在MAMP之外）还是本地托管（在MAMP上）？如果它是远程的，它可能是防火墙或阻止外部文件加载的配置。 – Axel 2013-02-25 18:23:27

你期望看到什么？你想用这个代码做什么？

正确的方式包括jQuery Mobile的库：

所有你需要包括所有的库文件的

<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包含[不移动]的第一个（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 -->

来源

2013-02-26 14:09:24 BorisD

作品！感谢您的帮助，我非常感谢。 – 2013-02-26 14:38:54

高兴帮助队友:-) – BorisD 2013-02-26 15:09:33

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

来源

2013-02-26 02:53:51 Sotiris

jQuery Mobile无法正常工作（我只看到Broken Bells）

回答

相关问题