Question

我整理了一个自定义jquery手机，我从jquery下载了图像。我把images文件夹放在我的应用程序的内容文件夹中，但是如果我使用cdn链接，我只能让图标工作 -

使用我的自定义下载 - 图标不会出现。

是否有某个地方我必须指向图标或可能使用完全字符串作为图标而不仅仅是 - ex。 data-expanded-icon =“carat-u”data-collapsed-icon =“carat-d”

这一直让我整个上午都疯了 - 任何建议都会受到高度赞赏。

Answer 1

自定义下载构建器不提供图标集，也不提供svg，而不是png。

您可以根据您的要求在css文件中将cdn放入所需的svg图标及其后备png图标。

在自定义css文件中添加以下css行，以便在可折叠列表中使用克拉图标（我猜）。

        .ui-icon-carat-u:after {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
        }
        .ui-nosvg .ui-icon-carat-u:after {
            background-image: url(images/icons-png/carat-u-white.png);
        }
        .ui-icon-carat-d:after {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
        }
        .ui-nosvg .ui-icon-carat-d:after {
            background-image: url(images/icons-png/carat-d-white.png);
        }

相应地更改png图标路径，svg图标是内联的。希望它有所帮助。

自定义jquery移动下载缺少图标

1 个答案: