关于排除页面组件无法绑定JS或JQuery函数的几点启示

初学python，使用Django框架，一步一步学下来，遇到N多问题，现做个备忘录，也希望给相同问题的同学一点启示：

使用ModelForm的时候，在模态框中动态生成字段列表，方便输入。这点非常像C#用的EF，或者delphi 在form上拖拽字段列表的用法（总也拜托不了C/S下的编程习惯，就想实现相同的交互效果）

涉及日期时间字段时，照样用bootstrap的日期控件，指定使用中文的时候总也找不到原因，出来的界面英文解决不了，终于有一天在解决页面上绑定的JS函数无法触发的时候，看到一位同学提出的解决思路，参照jQuery:为什么li元素上的click事件不起作用？ | 中的这段（防止地址消失）

###################################

我有一种感觉,你忘了把它放在jQuery DOM Ready事件中.

确保代码看起来像这样(在DOM Ready中)

$(document).ready(function(){ // When the DOM is Ready, then bind the click
    $("#nav ul li").click(function(){
        $("#nav").animate({ 
            marginLeft: "-300px",
        }, 1000 );
    });
});

确保您的页面上没有其他javascript错误(如果您在此代码之前执行此操作,则代码将无效),请检查您的控制台(在Chrome中右键单击> Inspect Element（检查）> console).

###################################

按照上述办法，在谷歌浏览器中检查，果真发现datetimepicker.zh-CN.js里提示错误：“bootstrap-datetimepicker.zh-CN.js cannot read property 'dates' of undefined”，解决办法参考bootstrap-datetimepicker.zh-CN.js cannot read property 'dates' of undefined_Analyze_ing的博客-优快云博客_bootstrap-datetimepicker.zh-cn.js

将bootstrap-datetimepicker.zh-cn.js放到最后，解决问题。而绑定不了函数的问题也随之解决。