在本地正确引用jquery mobile

时间:2016-12-22 09:04:45

标签: jquery-mobile

user3568918已回复以下问题:

jQuery Mobile not working with Internet Explorer?

不要忘记保持正确的约束顺序:

  • jquery mobile css
  • jquery script
  • jquery mobile script

我的问题是:

当我去下载jquery mobile的页面时 https://mquerymobile.com/download/ 我认为有两个可行的选择:

  1. 下载javascript,css和图片:
  2. https:/ /jquerymobile.com/resources/download/jquery.mobile-1.4.5.zip

    1. 下载缩小的javascript:
    2. http:/ / code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js

      如果我选择1,则会创建另外两个子文件夹“demos”和“images”,它们都有自己的子文件夹。 我是否必须在html中引用所有这些子文件夹?

      如果我选择2,即仅下载缩小的javascript,如何引用我想用于图标的图像?

      提前多多感谢。

1 个答案:

答案 0 :(得分:0)

示例:假设您的index.html是根,您应该参考:

<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>

然后,服务器上的目录结构应如下所示:

\index.html

-- All jQuery files shall be in \js subfolder and \css subfolder

\js\
----jquery-1.11.2.min.js
----jquery-1.11.2.min.map
----jquery.mobile-1.4.5.min.js
----jquery.mobile-1.4.5.min.map
(...other stuff)

\css\
-----jquery.mobile-1.4.5.min.css
-----jquery.mobile.external-png-1.4.5.min.css
-----jquery.mobile.icons-1.4.5.min.css
-----jquery.mobile.inline-png-1.4.5.min.css
-----jquery.mobile.inline-svg-1.4.5.min.css
(...other stuff)

\css\images\
------------ajax-loader.gif
------------icons-18-black.png
------------icons-18-white.png
(...other stuff)

\css\images\icons-png\
----------------------action-black.png
----------------------action-white.png
(...a lot of other stuff)

\css\images\icons-svg\
----------------------action-black.svg
----------------------action-white.svg
(...a lot of other stuff)

修改

如果您需要在本地站点上提供JQM演示,则zip文件中的

子文件夹demosimages已准备就绪,还有一个专门用于演示的自定义css文件。

我认为这也将澄清您问题的某些方面:https://css-tricks.com/data-uris/