javascript - 用于 BlackBerry z10 的 jquery mobile 图像链接缩放

Question

我正在为 BlackBerry z10 和用于 BlackBerry 10 的 jquery mobile 开发移动应用程序。我使用图像作为按钮，但是当我双击图像时，整个应用程序会缩放。

这是我使用的代码：

<a href="#frm_page1" onClick="show()"><img src="images/buttons/page1.png"/></a>

但其他图像根本没有缩放（没有链接的图像）。

我在这里有这段代码时似乎有什么问题：

<meta name="viewport" content="user-scalable=0, initial-scale=0.45, maximum-scale=0.45, minimum-scale=0.45, width=device-width, height=device-height" charset="UTF-8"/>

谁能帮我摆脱这个。提前致谢。

Answer 1

这是我找到的一种方法，请检查：

<meta id="viewport" name="viewport" content="width=device-width, height=device-height, user-scalable=no/"> 

另一种方法是：

<script>
var meta = document.createElement("meta");
meta.setAttribute('name','viewport');
meta.setAttribute('content','initial-scale='+ (1/window.devicePixelRatio) + ',user-scalable=no');
document.getElementsByTagName('head')[0].appendChild(meta);
</script>

Answer 2

尝试使用虚拟点击事件。也许是因为单击事件是为了鼠标单击，而 BB Z10 是一个触摸屏设备，您可以在其中点击以选择某些内容。

<a href="#frm_page1" id="show_something"><img src="images/buttons/page1.png"/></a>

$("#show_something").on("vclick",function(e){

// 显示一些代码

e.preventDefault();

});