I am using Ruby on Rails and jQuery Mobile in my project.
I am trying to host the jqm files locally, so I downloaded all the necessary files to:
public/stylesheets
Everything still worked fine.
So I wanted to put the images folder to another location (the rails way):
public/images
And tried to overwrite the jqm css like that:
.ui-icon {
background-image:url(/images/icons-18-white.png) !important;
}
.ui-icon-alt {
background-image:url(/images/icons-18-black.png) !important;
}
.ui-icon-radio-on {
background-image:url(/images/icons-36-white.png) !important;
}
.ui-icon-searchfield {
background-image: url(/images/icon-search-black.png) !important;
}
.ui-icon-loading {
background-image: url(/images/ajax-loader.png) !important;
}
It actually works fine and loads the correct images, but still throws 404 errors in Safari (see screenshot):
You can see that it loads ajax-loader.png on the first time correct and the second time with the error.
Somehow it still tries to access the images from stylesheets/images.
This just happens in Safari. Chrome, for example, doesn't throw any errors.
Has anybody experiences with that?
Or any good ideas/advices?
Thanks.