ASP.net MVC und jQueryUI Dilemma

Question

Ich zog ein Projekt in denen die Beta-Version von ASP.net MVC Rahmen und dem einzigen Problem, das ich habe, ist, mit jQuery und jQueryUI.

Hier ist der Deal:

In Site.Master sind folgende Skriptverweise:

<script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>

Und mit denen, die accordian UI, dass ich auf eine der Ansichten haben perfekt funktioniert, mit Ausnahme von ein Problem: die Bilder von ThemeRoller sind auf der Seite nicht enthalten. Wenn ich die jQuery Referenzen kommentieren Sie sind die Bilder dort Themeroller. Alle von der CSS ist in der Content folder und alle Skripte sind in der Scripts folder.

Ich weiß, dass dies ein dummer Weg Problem, aber es macht mich zucken.

Was bin ich fehlt?

Aktualisieren

habe ich versucht, die erste Antwort ohne Erfolg, lesen Sie den Kommentar für weitere Einzelheiten. Nochmals vielen Dank für diejenigen, die sich gerade befinden.

Der zweite Ansatz ist auch nicht arbeiten. Ich bin verwirrt.

Ein weiteres Update

Mit den Url.Content Tags für die Skripte in der Tat die Skripte richtig laufen kann. einen regelmäßigen Tag für das Stylesheet wird alle Stile auf die Seite AUSSER für alle diejenigen zu Themeroller zusammen.

Die jquery-ui-themeroller.css Datei im Inhaltsordner und wenn ich ein Element untersuchen, ist die CSS vorhanden. Ich vermute, dass das Problem in der Abbildung von dieser CSS-Datei ist auf den Bilder-Ordner für den Themeroller, die auch im Content-Ordner ist. Bildverweise in dieser Datei als wie folgt angegeben: background: url(images/foo.gif)

Sie die Links in dieser Datei muss sich ändern?

Answer 1

tut diese Hilfe?

http://forums.asp.net/p/1334947/2690469.aspx

  

Der Grund für die inconstistency ist   sehr einfach, obwohl ich es nicht zugeben,   einfach herauszufinden! Wenn Sie eine    -Tag innerhalb eines , wird ASP.NET verarbeiten   das -Tag und erkennen URLs und   lösen sie die relative   Anwendung Wurzel. Wenn Sie eine   

Answer 2

Wenn nicht alle Ihre Ansichten auf dem gleichen Niveau sind, werden Sie entweder verwenden, um benötigen

• Verwenden Sie einen absoluten Pfad wie /Scripts/jquery-1.2.6.js
• Oder noch besser, Resolve einen virtuellen Pfad wie <% = Url.Content ( "~ / Scripts / jquery-1.2.6.js")%>

Url.Content () http://jvance.com/media/ 2008/10 / 18 / UrlContent5.media

Sie müssen die Links in jquery-ui-themeroller.css ändern, um den aktuellen Standort der Bilder zu zeigen.

Wie in, müssen Sie den Pfad der Bilder aktualisieren, die die CSS-Datei ist auf der Suche.

background: url(images/foo.gif)

Entfernen Sie den ‚images /‘ aus dem Weg, um es wie aussehen:

background: url(foo.gif)

als auch Ihre CSS und Bilder sind in den Inhaltsordner.

    protected void Page_Load(object sender, EventArgs e)
    {
        Page.ClientScript.RegisterClientScriptInclude(this.GetType(),"JQuery", ResolveUrl("~/js/jquery.min.js"));
        Page.ClientScript.RegisterClientScriptInclude(this.GetType(), "JQueryUI", ResolveUrl("~/js/jquery-ui.custom.min.js"));

Answer 3

Wenn nicht alle Ihre Ansichten auf dem gleichen Niveau sind, werden Sie entweder verwenden, um benötigen

• Verwenden Sie einen absoluten Pfad wie /Scripts/jquery-1.2.6.js
• Oder noch besser, Resolve einen virtuellen Pfad wie <% = Url.Content ( "~ / Scripts / jquery-1.2.6.js")%>

Url.Content () http://jvance.com/media/ 2008/10 / 18 / UrlContent5.media

Answer 4

Sie müssen die Links in jquery-ui-themeroller.css ändern, um den aktuellen Standort der Bilder zu zeigen.

Wie in, müssen Sie den Pfad der Bilder aktualisieren, die die CSS-Datei ist auf der Suche.

background: url(images/foo.gif)

Entfernen Sie den ‚images /‘ aus dem Weg, um es wie aussehen:

background: url(foo.gif)

als auch Ihre CSS und Bilder sind in den Inhaltsordner.

Answer 5

    protected void Page_Load(object sender, EventArgs e)
    {
        Page.ClientScript.RegisterClientScriptInclude(this.GetType(),"JQuery", ResolveUrl("~/js/jquery.min.js"));
        Page.ClientScript.RegisterClientScriptInclude(this.GetType(), "JQueryUI", ResolveUrl("~/js/jquery-ui.custom.min.js"));