jquery mobile css does not load from local, only from web

Question

Someone must have the answer to this, it's driving me nuts!!!

I am testing a jquery mobile page and have the following in my index.html page:

<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>

It doesn't work. The page doesn't recognize the css or js. But when I load it over the network it works:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

I've copied and downloaded those files over and over to check that I have the right local files. Why would it load from an external URL but not my local files?

Do you have a subfolder 'js' and subfolder 'css' relative to the folder where index.html is? — hyankov
– hyankov, Commented Dec 20, 2012 at 21:29
it is probably because you are not referring the correct url try starting with '/' which means start from the domain and give your path according to your domain. — Onur Topal
– Onur Topal, Commented Dec 20, 2012 at 21:30
this question is a dup of stackoverflow.com/questions/7199975/… — nate_weldon
– nate_weldon, Commented Dec 20, 2012 at 21:30
Yes, I have js and css subfolders relative to the index.html folder. The live files are in the place where the links are above. I know hte index.html is working it just doesn't find the css. — Darren
– Darren, Commented Dec 20, 2012 at 21:31

Jon Harding · Accepted Answer · 2012-12-20 21:32:02Z

1

If you have a js folder and a css folder in the root of your project add a leading "/". The leading slash will start you at the beginning of the domain.

<link rel="stylesheet" href="/css/jquery.mobile-1.2.0.min.css" />
<script src="/js/jquery-1.8.2.min.js"></script>
<script src="/js/jquery.mobile-1.2.0.min.js"></script>

answered Dec 20, 2012 at 21:32

Jon Harding

4,95614 gold badges55 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Darren Over a year ago

still no luck. Adding the leading "/" didn't seem to make any difference.

Darren Over a year ago

I finally found the answer in another post. When installing these css files locally, there are image files that need to be installed with them. And they need to be in a subfolder in the CSS folder

Collectives™ on Stack Overflow

jquery mobile css does not load from local, only from web

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related