点击阅读器中间部分，上下导航栏并不出现，为什么，求高手解答，一直没有找到错误

来源：

qq_秀线菊_0

2016-05-20

<body>

</div>

</div>

</div>

<p>哦你还问阿牛灰姑娘我已回答不够而欧冠熊我我结构hi欧冠我狗狗哦如此呢哦济公弄完IE紧凑我无奇偶我解耦v我我讲哦hi奇偶日光奇偶女哦你还问阿牛灰姑娘我已回答不够而欧冠熊我我结构hi欧冠我狗狗哦如此呢哦济公弄完IE紧凑我无奇偶我解耦v我我讲哦hi奇偶日光奇偶女哦你还问阿牛灰姑娘我已回答不够而欧冠熊我我结构hi欧冠我狗狗哦如此呢哦济公弄完IE紧凑我无奇偶我解耦v我我讲哦hi奇偶日光奇偶女</p>

</div>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

window.jQuery = $;

</script>

(function(){

//本地存储封装(有前缀防止覆盖掉)

var Util=(function(){

var prefix='html5_reader_'

var StorageGetter=function(key){

return localStorage.getItem(prefix+key);

}

var StorageSetter=function(prefix+key,val){

}

return{

StorageGetter:StorageGetter,

StorageSetter:StorageSetter

}

});

//因为要进行调用，所以声明一些常量

var DOM={

top_nav:$('#top-nav')

bottom_nav:$('.bottom_nav')//不用id，是因为id不止一个读起来不方便，所以用class

}

//入口函数

function main(){

eventhanlder();

}

//实现和阅读器相关的数据交互

function READERMODEL(){

}

//渲染基本的ui结构

function READERbaseframe(){

}

//交互的事件绑定

function eventhanlder(){

$('#action_mid').click(function(){

if(DOM.top_nav.css('display')=='none'){

DOM.top_nav.show();

DOM.bottom_nav.show();

}else{

DOM.top_nav.hide();

DOM.bottom_nav.hide();

}

})

}

main();//调用函数

})();

写回答

3回答

远人

2016-05-23

一般出现这种bug检查的步骤是

查看浏览器是否有报错
2.在不能执行的代码处打一个断点，看是否能进入断点执行，诺可以，则检查一下这个函数内是否有问题，诺不行则执行步骤三
在事件绑定处打一个断点，查看被绑定事件的元素是否被获取到了

你_必须努力

2016-05-22

 top_nav:$('#top-nav')
 bottom_nav:$('.bottom_nav')//不用id，是因为id不止一个读起来不方便，所以用class
 
 少了一个","
 
  top_nav:$('#top-nav'),
  bottom_nav:$('.bottom_nav')//不用id，是因为id不止一个读起来不方便，所以用class