|
小弟在用jquerymobile做练习的时候发现一个怪异的现象: 在index.html中隐藏了一个a标签,<a href="a.html" id="inputce" style="display:none"></a>.在index的初始化js中,模拟了该标签的点击.$("#inputce").click();此时,可以跳转到a.html页面中, 在a.html中有5个<div data-role="page" class="ui-page-theme-a" id="a_1">类似的div. id分别为id="a_1",id="a_2",id="a_3",id="a_4",id="a_5". id="a_1"的div中有<a href="#a_2" class="ui-btn" >下一步</a>, id="a_2"的div中有<a href="#a_3" class="ui-btn" >下一步</a>,依次类推.
但是当页面跳转到a.html,显示了id="a_1"的div后,我点击页面上的按钮想跳到id="a_2"的div中,结果无法完成跳转.
将index中的<a href="a.html" id="inputce" style="display:none">加上属性:rel="external",变成<a href="a.html" id="inputce" rel="external" style="display:none">.结果$("#inputce").click();无法完成页面的跳转.
无赖,将隐藏去除,变为<a href="a.html" id="inputce" rel="external" >,手动点击一下该按钮,能够成功跳转到a.html, 且id="a_1"的div中的<a href="#a_2" class="ui-btn" >下一步</a>也可以工作.同样后面的下一步也可以工作.
那么问题来了,我怎么样才能让在index.html中隐藏的<a href="a.html" id="inputce" style="display:none"></a>.当执行了$("#inputce").click();后跳转到a.html中以后,各个div的下一步能够正常工作.求解决办法! |
|