MVC4-Teilansicht Bündelung von javascript-Problem

Ich bin an einem Projekt arbeiten ASP.net 4, MVC4(RC) mit visual studio 11.
Ich bin versucht zu Rendern eine MVC4-Razor-Ansicht, durch das eine Teilansicht. Ich habe einige javascript erforderlich für meine eingeschränkte Sicht.
Auf meine partial Ansicht, wenn ich mein javascript im Skript-Abschnitt wie folgt scheint es nicht zu laden.

@section Scripts {
    <script type="text/javascript">
        $(function () {
            alert("test");
        });
    </script>
}

Wenn ich entfernen Sie die Skripts Abschnitt schlägt es fehl, da die jquery-Bibliotheken (die sind gebündelt und gerendert auf meiner _Layout.cshtml-Seite) noch nicht geladen, wenn das Dokument bereit code ausgeführt wird.

<script type="text/javascript">
    $(function () {
        alert("test");
    });
</script>

_Layout Seite code zum laden der jquery-Bibliotheken

@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

Kennt jemand eine Lösung dafür, oder bin ich einfach nur gehen über es der falsche Weg ist? Seine wrecking meinem Kopf!!

InformationsquelleAutor martin | 2012-06-29
  1. 10

    Don ' T wickeln Sie Ihr Skript in einem document.ready im teilweisen:

    @section Scripts {
    <script type="text/javascript">
        alert("test");
    </script>
}

    Ah, und nicht gestellt Skripte in der Teiltöne. Javascript-code platziert werden soll in separate javascript-Dateien. Wenn Sie wollen, um einige javascript ausführen, wenn eine teilweise geladen ist, können Sie einfach extrahieren Sie das script in eine wiederverwendbare Funktion/plugin, dass Sie rufen, sobald Ihr teilweise geladen ist.

    • Danke für die Antwort aber es hat nicht funktioniert für mich. Auch mit dem entfernen das Dokument.bereit, wenn ich mir den Quelltext der Seite die javascript komplett fehlt. Wenn ich das verschieben des Codes zu übergeordneten Ansicht (das ist keine eingeschränkte Sicht) ist es nicht geladen. Aber ich brauche es auf die Belastung der parital-Ansicht.
    • Schließlich habe diese zu arbeiten. Wenn ich die Seite mit den Skripten
    • Es ist sehr lustig, dass Sie haben gefunden das problem von @martin und er mit seiner eigenen Antwort, auch wenn deine Lösung war die richtige Lösung. 😀
    • Und was ist, wenn ich teilweise spezielle scripts?
    • haben Sie Lesen Sie meine Antwort? Ich zitiere: Ah, and don't put scripts in partials. Also, wenn Sie partielle spezifische Skripts, die Sie würde einfach erklären, Sie in die Ansicht, die Verwendung dieser Teiltöne.
    • Und wenn diese Ansichten sind vielen?
    • wenn diese Ansichten sind vielen dann sollten Sie Sie implementieren eine Kind-Layout, in dem Sie die notwendigen Skripte, um Wiederholungen zu vermeiden. Die Kind-layout wird natürlich abgeleitet von der Haupt-layout, es wird nur überschreiben eines Registers benutzerdefinierte Skripts Abschnitt.
    • In meinem Fall brauche ich die teilweise völlig agnostisch zu seinen Eltern und Umgekehrt. Ich fand einige hacky workarounds herum, ich werde Sie verwenden. Vielen Dank für Ihre Kommentare sowieso.
    • Hw zu wissen, wenn teilweise geladen ist?
    • das würde davon abhängen, wie Sie geladen werden, die teilweise. Zum Beispiel, wenn Sie mit der AJAX-das wäre die success Rückruf.
    • Nein, ich bin mit MVC4, ich kehre View-Objekt der teilweisen Seite.
    • und Darin : Mein resoloution war etwas anders, zu dieser Antwort, aber es hat mich auf den richtigen Weg, so habe ich jetzt bewertet

    InformationsquelleAutor Darin Dimitrov
  2. 4

    Endlich funktioniert. Ich entfernte mein javascript aus meiner Teilansicht und platziert es in der übergeordneten Ansicht (das ist nicht Teil), im Skript-Abschnitt.Diese Skripts Abschnitt wurde automatisch beim erstellen der Ansicht mit Gerüst (Erstellen) und platzierte sich am Ende der Seite. Um dieses zu erhalten, Arbeit, die ich hatte, um es zu bewegen, um oben auf der Seite - vor dem Aufruf von render meine teilweise.

    InformationsquelleAutor martin
  3. 2

    ClientDependency löst genau dieses problem und ermöglicht das hinzufügen von Skript-Referenzen zu einer teilweisen Blick auf die aufgerollt und platziert am Ende der Seite (oder wo auch immer Sie angeben) für Sie. Es befasst sich auch mit der Bündelung, Versionierung und Verkleinerung, Seite um Seite.

    Den Aufwand, sicherzustellen, dass das Skript Verweis auf die "Eltern" - Ansicht, sondern die teilweise stört mich nicht wirklich, aber Client-Abhängigkeit hilfreich sein könnten, wenn Sie hatten eine Menge Teiltöne alle erfordern Ihre eigenen script und CSS.

    • Hier ist ein kleiner und einfacher Erweiterung Methode, löst das spezifische problem des Skripts in der Teiltöne: blog.logrythmik.com/post/...
    InformationsquelleAutor JohnB
Schreibe einen Kommentar