jQuery和Django change_form.html

时间:2012-03-07 12:46:10

标签: jquery django-admin

我对jQuery完全不熟悉。我花了很多时间研究如何让jQuery在Django Admin中工作,特别是使用change_form.html。

在change_form.html模板的{%block extrahead%}中,我最终发现我应该写:

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

})(django.jQuery);
<script>

它的作用就像一个魅力,但最终它看起来相当复杂:

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

(以上内容放在{%block after_field_sets%})

我的问题是...... 有没有更优雅的方式在Django管理员中使用jQuery?

1 个答案:

答案 0 :(得分:1)

这也应该有效:

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

使用jQuery的第一步并不容易,但随着时间的推移,你会发现jQuery的优势。)

同样在django admin中使用jQuery是一个更难的步骤,因为命名空间jQuery不会与潜在的另一个jQuery实例发生冲突(脚本末尾(django.jQuery),通常不需要)