Note that there are some explanatory texts on larger screens.

plurals
  1. POASP.net MVC and jQueryUI dilemma
    text
    copied!<p>I just moved a project to the the beta release of <code>ASP.net MVC</code> framework and the only problem I am having is with <code>jQuery</code> and <code>jQueryUI</code>. </p> <p>Here's the deal:</p> <p>In <code>Site.Master</code> are the following script references:</p> <pre><code>&lt;script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="../../Scripts/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt; </code></pre> <p>And using those, the <code>accordian UI</code> that I have on one of the views works perfectly, except for one problem: the images from <code>ThemeRoller</code> aren't included on the page. If I comment out the jQuery references, the ThemeRoller images are there. All of the css is in the <code>Content folder</code> and all of the scripts are in the <code>Scripts folder</code>.</p> <p>I know this is a silly path problem, but it's making me twitch.</p> <p>What am I missing?</p> <p><strong>Update</strong></p> <p>I tried the first answer to no avail, read the comment for details. Thanks again for those who are viewing. </p> <p>The second approach is not working either. I'm baffled.</p> <p><strong>Another Update</strong></p> <p>Using the <code>Url.Content</code> tags for the scripts does indeed allow the scripts to run properly. Using a regular tag for the stylesheet gets all of the styles onto the page EXCEPT for all of those related to ThemeRoller. </p> <p>The <code>jquery-ui-themeroller.css</code> file is in the Content folder and when I inspect an element, the css is present. I suspect the problem is in the mapping from this css file to the images folder for the themeroller, which is in the Content folder as well. Image links in this file as specified as: <code>background: url(images/foo.gif)</code></p> <p>Do the links in this file need to change? </p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload