Problem getting themes to work in jQueryUI using Google-hosted jquery-ui.js -


I'm new to jQueryUI and I think I'm ignoring something very basic ...

Details of my problem quick

I also used to download a jQueryUI theme, which also generates a jQueryUI javascript file. I would like to use a hosted file on Google ( http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js ), but when I do this so that the topic has not been raised, I find it difficult to believe that I should use the ThemeRoller-generated script, because if this happens then the Google-hosted jQueryUI will be completely useless!

More details

So I'm downloading the theme "Smoothie" from Thimerolor as:

  1. Click the "Gallery" button Click on
  2. Click on the "Download" button below the "Smoothies" theme.
  3. Remove the .zip file (name using the folder) in a local directory (e.g., C: \ jqueryui_test ). Now, I file a very simple test.html in the same directory, which has the following content: 

      & Lt ;! DOCTYPE html public "- // W3C // DTD XHTML 1.0 Stronger // N http: // www. W3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link type = "text / css" href = "ui.all.css" rel = "stylesheet" /> & Lt; Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; $ (Function () {$ ("# date picture"). Date picture ({inline: true});}); & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "datepicker" & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;

    When I open test.html in my browser, the date picker component is not styled (background image or nothing). But if I created a Google-hosted jquery-ui.min.js line that is generating the ThemeRoller ( & lt; script type = "text / javascript" src = "jquery .ui.All.js "& gt; & lt; / script & gt; ), the page is styled as expected.

    Update I accepted the answer was not really the last solution, but it leads me down the right path. If you simply download JQueryUI, you get lots of stuff. The Google-hosted file can only replace the "jquery.ui.all.js" file, but you still need a "themes" directory. Also, Thymolar themes do not work very well with 1.5.3 (even "1.5.3 users" links). Since it was only for an admin page, I just used the "Flora" theme that was created in JQuery looks like UI 1.6, but it's not yet in the "stable" release (as in the form of this writing ...).

Your setup has been recreated here. Themeroller finds you a different version ( 1.5.3 ?) Of the jQuery UI 1.6rc5 while referring to you. Could this be the source of your problem?


Comments

Post a Comment