MUI列表使用href跳转

    <div class="mui-content">  
            <div id="slider" class="mui-slider mui-fullscreen">  
                <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">  
                    <div class="mui-input-row mui-search mui-active">  
                    <input id="search" type="search" class="mui-input-clear" placeholder="搜索联系人">  
                    </div>  
                </div>  
                <div class="mui-slider-group">  
                    <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">  
                        <div id="pullrefresh" class="mui-scroll-wrapper">  
                            <div class="mui-scroll">  
                                <ul class="mui-table-view ">  

                                </ul>  
                            </div>  
                        </div>  
                    </div>  
                </div>  
            </div>  
        </div>

    str ='<a class="mui-navigate-right" href="http://ask.dcloud.net.cn/__ROOT__/index.php/contacts/' item.id '">';  
                            str ='<span class="mui-badge mui-badge-info">' deptname '</span>';  
    str ='<span class="mui-icon mui-icon-person"></span>' name;  
    str ='<span class="mui-icon mui-icon-phone"></span>' phone;  
    str ='</a>';  
    var li = document.createElement('li');  
    li.className = 'mui-table-view-cell';  
       li.innerHTML = str;  
     table.appendChild(li);

用MUI的列表组件，做了一个上拉加载、下拉刷新的例子，在Chrome浏览器下预览正常，但是在Android手机上点击无效，只有点击最左侧一点点地方才会触发跳转，另外Nav底部导航使用A标题href跳转也是同样问题，求大神们解惑
Chrome运行截图：

Android运行截图：

，