JS -

Question

はベスト例で説明したアクセスグローバル変数問題：

私は次のコードを持っている：

/* YIELDS ERROR 
$('body').on('DOMNodeInserted', '.zeon-merchandise-measure', function() { 
    dropdownCssClass : 'zeon-select2-dropdown', 
    data: merchandise_measures 
}); 
*/ 

// OK 
$(".zeon-merchandise-measure").select2({ 
    dropdownCssClass : 'zeon-select2-dropdown', 
    data: merchandise_measures 
}); 

私はスコープと間違っているものをundesrandすることはできません。 DOMNodeInserted -partがmerchandise_measures

を認識することができない間に、第2の機能は、[OK]を作品ここで私が間違って何をやっている

<script type="text/javascript"> 
      // A global variables 
      merchandise_measures = {{ merchandise_measures_json|safe }}; 
</script> 

（HTMLページがロードされている）が定義されているか `merchandise_measuresですか？

Answer 1

最初の例の構文が無効です。関数を渡して、それをオブジェクトとして使用しています。私はあなたの全体のコードと達成しようとしているが、これはより有効です：

$('body').on('DOMNodeInserted', '.zeon-merchandise-measure', function() { 
    var myObject = {  
     dropdownCssClass : 'zeon-select2-dropdown', 
     data: merchandise_measures 
    } 
});