http://www.zhiyanblog.com/
这个网站在窗口缩小到640px后会把头部导航给变成一个sidebar-trigger(暂且这样称呼吧，请纠正)。
我想找到事件绑定的代码，于是在chrome下打开开发者工具，先在该页面里面搜关键字"toggle-menu"，没收到，然后依次打开各个js文件搜，才收到，在
http://zhiyanblog.qiniudn.com/wp-content/themes/tinection/includes/js/theme.min.js?ver=1426420580
里面，代码是（不用care这些代码）
$('.toggle-menu').bind('click', function(event) {
if (screen.width > 640) {
$('#pri-nav ul').slideToggle();
};
$('#content-container').toggleClass('push');
$('#navmenu-mobile-wraper').toggleClass('push');
if (opened) {
opened = false;
setTimeout(function() {
$('#navmenu-mobile').removeClass('push');
}, 500)
} else {
$('#navmenu-mobile').addClass('push');
opened = true
}
});
我觉得这种方式太低效了，而且遇到好多次了。想问有没有更好的解决方案或者插件之类的东西？
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
接 @hirofu 的补充一下，如果是原生的事件监听基本没问题，但是使用 jQuery 的
$.on()绑定的事件会定位到 jQuery 的源码，使用 jQuery Audit 这个插件可以解除这个尴尬。上面两位说的都很有道理
关于查看jquery对象的绑定事件 还可以使用_data方法
$._data(DOMobject,'events')可以返回jQuery绑定到该DOM对象上的事件对象
这里要注意一下DOMobject必须是DOM对象
在开发者工具里面应该有相应节点的 Event Listeners 选项，选中想要查找监听的节点后，列表会显示监听的事件
ctrl+shift+f 会在html css js中进行搜索，肯定能搜到的
在你想查看的网页里面输入这段代码，可以解析JQuery的事件，但是测试对移动端Zepto支持不是很好
注：讲这段代码保存成书签方便查看
推荐一款chrome插件，是个神器： Visual Event