Question

我有一个phonegap / cordova应用程序从wordpress网站上提取博客文章。但是，我遇到的问题是，当点击页面上的图像时，它会打开全屏，这会隐藏应用程序的导航。此行为不太理想，因为用户必须退出应用程序并重新打开它才能恢复导航控件。

以下是使用iOS模拟器的行为的屏幕截图：http://imgur.com/a/lpxeV

此行为也发生在iPad Air 2上。

有没有办法在phonegap / cordova中禁用此行为？

Answer 1

代码采用以下格式：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="attachment_38739" style="width: 310px" class="wp-caption alignright"><a href="http://unfspinnaker.com/wp-content/uploads/2015/02/BodyFound_GarrettMilanovich_3.jpg" class="ui-link"><img class="wp-image-38739 size-medium" src="http://unfspinnaker.com/wp-content/uploads/2015/02/BodyFound_GarrettMilanovich_3-300x200.jpg" alt="The body will be sent to the medical examiner’s office for further investigation.    Photo by Garrett Milanovich " width="300" height="200"></a><p class="wp-caption-text">The body will be sent to the medical examiner’s office for further investigation. <br> <em> Photo by Garrett Milanovich </em></p></div>

＆＃13;

＆＃13; 以下jquery修复了这个问题：

＆＃13;

$(document).ready(function(){
			  $('.ui-link').click(function(e) {
    			e.preventDefault();
			  });
});

＆＃13;

Answer 2

在HTML页面中使用元标记可以解决问题。

<meta name="viewport" content="user-scalable=no" />

如何点击图像，如何禁用phonegap / cordova上的图像缩放？

2 个答案: