Wie füge ich seitenspezifisches JavaScript in Rails 3.1 ohne manuelle Skript-Tags ein?

Wo platzieren Sie in Rails 3.1 Ihren „seitenspezifischen“ JavaScript-Code?

Frage:

Wenn in Rails 3.1 aufgrund von //= require_tree das gesamte JavaScript in einer einzigen Datei zusammengeführt wird, wie können Sie dann seitenspezifischen JavaScript-Code einbinden, ohne dass er auf allen Seiten ausgeführt wird? Ist es möglich, Codekonflikte zu verhindern und die Verwendung manueller Skript-Tags zu vermeiden?

Antwort:

Controller-spezifisches JavaScript:

Rails bietet hierfür eine Lösung durch Controller-spezifische Asset-Dateien. Beispielsweise verfügt ein ProjectsController über entsprechende Asset-Dateien unter:

• app/assets/javascripts/projects.js.coffee
• app/assets/stylesheets/projects.css.scss

Jeder eindeutige JavaScript- oder CSS-Code für diesen Controller kann in diese Dateien eingefügt werden. Fügen Sie sie dann nur bei Bedarf ein mit:

<%= javascript_include_tag params[:controller] %>
<%= stylesheet_link_tag params[:controller] %>

Funktionen in Divs einschließen:

Ein alternativer Ansatz besteht darin, Funktionen in Div-Tags mit eindeutigen IDs oder Klassen einzuschließen . Der JavaScript-Code kann das Vorhandensein dieser Elemente prüfen und entsprechend ausführen, um sicherzustellen, dass er nur auf den vorgesehenen Seiten ausgeführt wird. Dies ermöglicht modularen JavaScript-Code, der selektiv basierend auf dem Inhalt der Seite eingebunden werden kann.

Codekonflikte vermeiden:

Durch die Verwendung von Namespace-Präfixen oder Modulmustern können Codekonflikte auftreten vermieden werden. Beispielsweise könnte Code für eine bestimmte Seite wie folgt verpackt werden:

(function() {
  var PageSpecificCode = {};
  // ...
})();

Eliminierung manueller Skript-Tags:

Mit den oben genannten Ansätzen entfällt die Notwendigkeit manueller Skript-Tags auf einzelnen Seiten entfällt. JavaScript-Code kann über die Manifestdatei application.js und Controller-spezifische Asset-Dateien zentralisiert und verwaltet werden, was eine sauberere und effizientere Codeorganisation ermöglicht.

Das obige ist der detaillierte Inhalt vonWie füge ich seitenspezifisches JavaScript in Rails 3.1 ohne manuelle Skript-Tags ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!