JQuery Mobile, Icon Pack Font Awesome does not work on Firefox Mac, IE - even on the developer's site

If you check this link in IE10 or Firefox Mac (latest version), you will see that the icons are not displayed:

http://andymatthews.net/code/jQuery-Mobile-Icon-Pack/

This is the latest build package for JQM 1.4.0. The problem seems to be reduced, at least in Firefox, to the XML Parsing Error ... unclosed token. I do not know what this means or how to fix it.

XML Parsing Error: unclosed token Location: data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%20%3Csvg%20version%3D%221.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%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%20500%20500%22%3E%20\9%20%3Cpath%20d%3D%22M214.286%20401.786v-303.571q-41.294%200-76.172%2020.368t-55.246%2055.246-20.368%2076.172%2020.368%2076.172%2055.246%2055.246%2076.172%2020.368zM428.571%20250q0%2058.315-28.739%20107.562t-77.985%2077.985-107.562%2028.739-107.562-28.739-77.985-77.985-28.739-107.562%2028.739-107.562%2077.985-77.985%20107.562-28.739%20107.562%2028.739%2077.985%2077.985%2028.739%20107.562z%22%20fill%3D%22#ffffff%22%20%2F%3E%20%3C%2Fsvg%3E Line Number 1, Column 186:<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 500 500"> \9 <path d="M214.286 401.786v-303.571q-41.294 0-76.172 20.368t-55.246 55.246-20.368 76.172 20.368 76.172 55.246 55.246 76.172 20.368zM428.571 250q0 58.315-28.739 107.562t-77.985 77.985-107.562 28.739-107.562-28.739-77.985-77.985-28.739-107.562 28.739-107.562 77.985-77.985 107.562-28.739 107.562 28.739 77.985 77.985 28.739 107.562z" fill=" -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------^

So this is a problem with the structure of the data URI? What really is with all these traits?

Naturally, the icons do not work on my site, and using the jqm-icon-pack-fa.css file prevents even the use of default JQM icons.

The strangest thing is that I'm, apparently, the only one on the Internet who is whining about this now. Has anyone got this to work cross browser? I saw other people here who have similar problems , but this seems unrelated, except for the same browsers that have problems.

+3
source share
1 answer

I had the same problem and it turned out to be the # symbol in hex color (in your example, #ffffff at the end). Change # to% 23 and it will work.

Source: https://github.com/commadelimited/jQuery-Mobile-Icon-Pack/issues/62#issuecomment-35314269

+3
source

All Articles