Question

我正在尝试使用按钮更改div（使用data-role =“collapsible”）的数据折叠。我试图改变其数据崩溃的我的div是：

<div id="page01" class="pages" data-role="collapsible" data-collapsed="true">

我想要使用onclick更改div数据的按钮是：

<button onclick="$('#page01').collapsible({ collapsed: false });">Collapse/ Expand</button>

我也试图改变我的代码，但我不能：

<button onclick="$('#page01').attrChange('data-collapsed','false')">Collapse/ Expand</button>

或者：

<button onclick="$('#page01').data('collapsed','false')">Collapse/ Expand</button>

或者：

<a><button ...>Collapse/ Expand</button></a>

请帮助我！

注意：我将其包含在：

中

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>

Answer 1

正确的电话是：

$('#page01').collapsible('expand');

$('#page01').collapsible('collapse');

更新了 FIDDLE

请参阅此处的api文档：http://api.jquerymobile.com/collapsible/#method-collapse

Answer 2

您需要设置正确的ID。您的div已id="page03"，但您的JS正在调用page01。两个地方都需要具有相同的身份。

JQuery Mobile：如何使用按钮

2 个答案: