0

我无法让它工作（来自http://jquerymobile.com/demos/1.2.0/docs/content/content-collapsible.html）：

<div data-role="collapsible">
   <h3>I'm a header</h3>
   <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
</div>

我假设这是因为我没有包含 jQuery mobile 或其他东西，但我不确定我应该添加什么。这就是我现在的 HTML 头脑中的内容：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/scripts/main_script.js"></script>

所以基本上，jquery 和外部 javascript。如何添加jquery mobile？或者这甚至是问题所在？

4

2 回答 2

3

看起来您不包括 jQuery 移动插件。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

演示：小提琴

于 2013-07-11T05:40:30.643 回答
2

您缺少 Mobile-JQuery 库，没有它 data-role="collapsible" 将无法工作

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

检查这个小提琴

于 2013-07-11T05:41:00.767 回答