backbone.js - このバックボーン ビューで el が定義されておらず、$el が定義されているのはなぜですか?

Question

ここで '''el''' が定義されておらず、$el が定義されている理由について混乱しています。

背景は、次のように CoffeeScript を使用した実験です。

クラス FastTodo.Views.AddTodoItem は Backbone.View を拡張します

  テンプレート: JST['todo_items/add_item']

  el: $('#メイン')

  レンダリング: ->
    console.log("レンダリング")
    console.log($("#main"))
    console.log(@el)
    console.log(@)
    $(@el).html @テンプレート

  初期化: ->
    @与える（）

この場合、どのようにビューをレンダリングできますか?

Answer 1

要素宣言を次のように書き換えてみてくださいel: '#main'

それはあなたにとってうまくいくはずだと思います。

ちなみに、コンソール ログによると、jQuery 要素 ($el) も空です。マークアップが完全に読み込まれる前に、ビューを宣言する必要があります。el要素のセレクターを指定することで、ドキュメントの準備が整った (ロードされた) ときにのみフェッチされるようにします。