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
相似问题