未执行监听事件

<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="#tabbar">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" id="rows_icon" href="#">
<span class="mui-icon mui-icon-email"></span>
<span class="mui-tab-label">消息</span>
</a>
<a class="mui-tab-item" href="#tabbar-with-contact">
<span class="mui-icon mui-icon-contact"></span>
<span class="mui-tab-label">通讯录</span>
</a>
<a class="mui-tab-item" href="#tabbar-with-map">
<span class="mui-icon mui-icon-gear"></span>
<span class="mui-tab-label">设置</span>
</a>
</nav>
小白一个，使用的官方登陆的那个列子我给消息定义了id然后在
$.plusReady(function() {
var rows_icon=doc.getElementById('rows_icon');
rows_icon.addEventListener('top',function(event){
console.log('--------------');
})
})
log打印不出来 是哪里出问题？还想问一下，像这样的底部选项是在登陆的时候就把所有的数据都获取，还是点击选项的时候再获取好。