django实现tab页思路!
2015-10-22 10:20
435 查看
首先是在主页js里动态加载tab页需要的js
方法:
问题出在 django模板需要{% static 'MoudleBaseJs/menu_manage.js' %}这种格式 所以 放到js路径里根本找不到。
-------
各个业务js用function包含可以有效限制变量污染问题:因为js是函数作用域,在函数体内只要var声明就只作用于当前业务js里不会污染全局同名js,
另外可以不加var声明 来引用主页的全局变量。
-------
tab页里动态加载分离的html调用jquery的load方法:
方法:
function addScript(jsfile,callback){ var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.onload = script.onreadystatechange = function() { if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete" ) { script.onload = script.onreadystatechange = null; if(callback&&typeof(callback)== 'function'){ callback(); } } }; script.src= jsfile; head.appendChild(script); } function jsLoaded(){ alert('ok'); } 调用方式,在需要的地方 addScript(js路径,jsLoaded);
问题出在 django模板需要{% static 'MoudleBaseJs/menu_manage.js' %}这种格式 所以 放到js路径里根本找不到。
-------
各个业务js用function包含可以有效限制变量污染问题:因为js是函数作用域,在函数体内只要var声明就只作用于当前业务js里不会污染全局同名js,
另外可以不加var声明 来引用主页的全局变量。
-------
tab页里动态加载分离的html调用jquery的load方法:
$("#center2").load("BaseMoudule/GetLoad #menu_manage"); #menu_manage为分离html的dom的id 意思是将主页id为center2的dom下增加分离html里id为menu_mang的dom为子级
------------------------------------------------------------------------------------------------------------------------------------------
解决{% static 'MoudleBaseJs/menu_manage.js' %}这种格式 所以 放到js路径里根本找不到。
直接改变路径为 addScript("static/MoudleBaseJs/menu_manage.js",jsLoaded);
不需要加%static%这样的引入静态文件的特殊字符
相关文章推荐
- mogoDb官方下载
- 绝大部分 Google 产品切换到 BoringSSL
- 绝大部分 Google 产品切换到 BoringSSL
- 增强tool.God
- Mac下安装 Go
- django 静态图片加载记录
- 2015南阳CCPC G - Ancient Go 暴力
- Init进程启动Zygote进程的过程
- 10句话读懂图像频域滤波——不能不知道的信号与系统基本理论
- hdu1847 Good Luck in CET-4 Everybody!
- Django开发教程 第三节 模板的使用(一)
- 实现uboot到内核logo的持续显示
- CNG Cryptographic Algorithm Providers
- ZOJ_3656_Bit Magic(2-SAT)
- Goldengate报错之ERROR OGG-06551
- Google地图API方式查看卫星地图
- version `GOMP_4.0' not found, torch7
- [Golang] 从零开始写Socket Server(6)【完结】:日志模块的设计与定时任务模块模块
- abap物料凭证冲销BAPI_GOODSMVT_CANCEL
- mongoexport和导入工具mongoimport介绍