Question

我想在我的非JQM响应式网站中使用JQM的一些组件，而不会破坏任何现有的样式，只下载我需要的最小 JS / CSS。

我看过Any way to use jQuery mobile widgets independently?和Where can i get the standalone parts of jQuery Mobile?。我见过很多小提琴，但它们都包括完整的jquery mobile js和css。（我不想要整个CSS，因为它打破了我现有的网站CSS，我更喜欢最小的JavaScript下载性能 - 在移动设备上很重要。）

使用http://jquerymobile.com/download-builder/并获取下载后，目前还不清楚如何调用JQM，或者需要放置哪些订单脚本才能使小部件正常工作。我是否需要将其与常规jQuery结合使用？

有没有人有任何说明如何在没有整个框架的情况下只使一个小部件工作？

Answer 1

我找到了https://stackoverflow.com/a/31844001/1620112，由（熟练的）奥马尔回答，但这个问题似乎并不是很受欢迎 - 也许是因为它太具体了 - 所以我将自己概括并自己回答。

是。你需要jQuery。首先加载。

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

接下来，加载从Download Builder下载的1个JS和2个CSS文件。

<script src="jquery.mobile.custom.js"></script>
<link rel="stylesheet" href="jquery.mobile.custom.structure.css" />
<link rel="stylesheet" href="jquery.mobile.custom.theme.css" />

最后，按照Omar在此建议的https://stackoverflow.com/a/31844001/1620112

调用小部件

<script type="text/javascript">
$(function() {
  $(".ui-collapsible-set").collapsibleset();
});
</script>

在jquery.mobile.custom.theme.css中自定义您的外观。你有小部件！

独立的jQuery Mobile Widgets，带有最小的JS和CSS

1 个答案: