js 写完完全没效果,连 alert 都没用

来源:5-3 触屏唤出上下边栏交互开发和优化

carolcoral

2018-03-08

<script type="text/javascript">
			//js 结构代码
			(function() {
				//	封装本地存储功能
				var Util = (function() {
					var prefix = "html5_reader_";
					var StorageGetter = function(key) {
						return localStorage.getItem(prefix + key);
					}
					var StorageSetter = function(key, val) {
						return localStorage.setItem(prefix + key, val);
					}
					return {
						StorageGetter: StorageGetter,
						StorageSetter: StorageSetter
					}
				})();
				var Dom = {
					top_nav: $("#top_nav"),
					js_nav_pannel: $(".js-nav-pannel")
				};
				var Win = $(window);
				var Doc = $(document);

				function main() {
					//      todo 整个项目的入口函数
					EventHanlder();
				}

				function ReaderModel() {
					//		todo 实现和阅读器数据交互的方法

				}

				function ReaderBaseFrame() {
					//		todo 渲染基本的 UI 结构
				}

				function EventHanlder() {
					//		todo 交互的事件绑定
					$("#action_mid").click(function() {
						if(Dom.top_nav.css("display") == "none") {
							Dom.top_nav.show();
							Dom.js_nav_pannel.show();
							Dom.js_nav_pannel_bk.show();
						} else {
							Dom.top_nav.hide();
							Dom.js_nav_pannel.hide();
						}
					});
					Win.scroll(function() {
						Dom.top_nav.hide();
						Dom.js_nav_pannel.hide();
					});
				}

				main();

			})();
		</script>
写回答

2回答

web陈

2018-03-23

找到原因了吗


0
1
carolcoral
找到了,我下面回复
2018-03-28
共1条回复

carolcoral

提问者

2018-03-28

找到原因:因为是引用的外部 js 文件,所以在最外面需要用 window.onload = function(){}不能使用 jquery 的$,因为此时还没加载 jquery 进去。

完整的项目代码请访问我的 github:https://github.com/carolcoral/WebAppReader

0
0

HTML5独立开发书城Web App

最前沿前端技术精讲, HTML5 、Vue.js 、Koa 、zepto 综合运用

3387 学习 · 685 问题

查看课程