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回答
-
找到原因了吗
012018-03-28 -
carolcoral
提问者
2018-03-28
找到原因:因为是引用的外部 js 文件,所以在最外面需要用 window.onload = function(){}不能使用 jquery 的$,因为此时还没加载 jquery 进去。
完整的项目代码请访问我的 github:https://github.com/carolcoral/WebAppReader
00
相似问题