使用此:jQuery Mobile的可折叠的div不正确的造型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Title</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
<script src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"> </script>
</head>
<body>
<div data-role="collapsible" data-theme="a" data-content-theme="a">
<h3>Header swatch A</h3>
<p>I'm the collapsible content with a themed content block set to "A".</p>
</div>
</body>
</html>
我发现,扩大可折叠没有预期的主题造型 - 事实上,它现在没有。在查看页面的源代码并比较它将在jQuery手机上的示例页面(http://jquerymobile.com/test/docs/content/content-collapsible.html)看起来,下面的类从动态创建的div中丢失围绕标题下方的扩大段落内的可折叠包装:
ui-btn-up-a ui-corner-bottom
运行示例页面的代码是他们自己的内部代码,而不是一样被用于部署所以我猜有东西在他们的这不在动态创建类的beta版本中。
问题是,是否有人知道错误是什么以及如何解决这个问题?
看看页面http://jquerymobile.com/test/docs/content/content-collapsible.html标题下的“Theming Collapsible Headers”,你可以看到我想要的成果,内容是以在底部有一个很好的圆形边框,所以它出现在一个带扩展头的块中。它通过在由js创建的包装div上包含类“ui-btn-up-a”来实现,而不是核心html代码的一部分。当我尝试复制它时,“ui-btn-up-a”不适用于包装div,因此缺乏样式。 –