我尝试使用onclick事件在同一个iframe中显示不同的链接,它在计算机上运行但在手机上运行。我知道它类似于' touchstart click'在jquery但在标签中我不知道如何制作它。
<a class="link" href="project-url"
onclick="document.getElementById('project_iframe').src=this.href; return false;">
<h3>title</h3>
</a>
<iframe id="project_iframe" src="#" frameborder="0" allowfullscreen></iframe>
答案 0 :(得分:1)
使用现有标记的更好方法是简单地添加rel =&#34; external&#34;你的onclick应该正确行事。
onclick
这将起作用,因为jQuery Mobile会将链接视为普通标记,返回false只会停止默认操作。
修改:
或者你可以将它添加到你的Js&amp;删除onclick标记:
<a class="link" href="project-url"
onclick="document.getElementById('project_iframe').src=this.href;
return false;" rel="external">
<h3>title</h3>
</a>
<iframe id="project_iframe" src="#" frameborder="0" allowfullscreen>
</iframe>
这里有一个小提琴:https://jsfiddle.net/onn3a3w0/10/