2012-03-07 16 views
0

私はjQueryを初めて導入しました。私はかなり時間をかけて、change_form.htmlを使ってDjango AdminでjQueryを動作させる方法を研究しました。jQueryとDjango change_form.html

<script type="text/javascript"> 
(function($){ 
    $(function(){ 
     $("#id_fs1").attr("style", "width:10px"); 
    }); 

})(django.jQuery); 
<script> 

は、それが魅力のように働いたが、最終的に、それはに比べてかなり複雑になります。私は最終的に私が書く必要があることが分かったchange_form.htmlテンプレートで{%ブロックextrahead%}で

<script type="text/javascript"> 
    document.getElementById("id_fs1").style.width = "50px"; 
</script> 

はjQueryの使用のよりエレガントな方法があり...

私の質問である(上記は、{%は%ブロックafter_field_sets}に入れました) Djangoの管理者の中で?

答えて

1

これがなければならないとしても動作します。

<script type="text/javascript"> 
(function($){ 
     $("#id_fs1").width("10px"); 
})(django.jQuery); 
<script> 
jQueryを使って

最初のステップは容易ではありませんが、あなたは時間をかけてのjQueryの強さがあります)

また、DjangoのadminにはjQueryを使用すると、より多くのステップですjQueryの名前空間がjQueryの別のインスタンスと衝突しないようにするために難しい(スクリプト末尾の(django.jQuery)、通常は必須ではない)

+0

ありがとうございました。スクリプトがDOMの準備が完了するのを待たずにはいっていますか?これはafter_field_setsブロックでのみ動作するようです。 – PlacidLush

+0

AFAIKは 'domready'イベントを待つが、これはそれを書く方法がより短い。 http://api.jquery.com/ready/を参照してください。 - jQueryでスクリプトを 'ondomready'イベントにバインドする方法があります。 – yedpodtrzitko

+0

ありがとうございます。 – PlacidLush

関連する問題