捏缩放问题 语音间隙构建停止工作

Pinch Zoom Issue Phonegap Build stops working

本文关键字：构建 停止工作 间隙 语音 缩放 问题      更新时间：2023-09-26

我有一个使用 iscroll 的 html 工作捏缩放，但是当我为 iOS 和 Android 的 Phonegap 构建它时，它捏缩放似乎停止工作。

下面的代码是我在 html 上的工作代码，但是当我尝试将其移植到 ios 和 android 应用程序时，它停止工作。在浏览器中查看它有效。

我

不太擅长javascript，也许有人可以帮助我解决这个问题。

这是我的代码。

<!DOCTYPE html> 


<title>My Page</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
<link href="css/jquery.mobile.iscrollview.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/jquery.mobile.iscrollview-pull.css" media="screen" rel="stylesheet" type="text/css" />
<!-- Scripys -->
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
<script src="js/jquery.mobile.iscrollview.js" type="text/javascript"></script>
<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/jquery.mobile.iscrollview.js" type="text/javascript"></script>
<script src="phonegap.js" type="text/javascript"></script>
<script type="text/javascript">
  var myScroll;
  function loaded() {
    myScroll = new iScroll('wrapper',{
      zoom:true, zoomMax: 4 
    });
  }
  document.addEventListener('DOMContentLoaded', loaded, false);
</script>


<!-- Start of Page - Map-->
<div id="map" data-role="page">
  <div data-role="header" data-position="fixed" data-tap-toggle="false">
    <div id="logo">
      <img src="images/logo-dark.png">
    </div>
  </div>
  <!-- Start of Content - Schedule [Map] -->
  <div data-role="content">
    <div id="wrapper" style="width:100%">
      <img class="mapimage" src="images/leaf_map.jpg"/>
    </div>
  </div>
  <!-- End of Content -->
  <!-- Start of Footer -->
  <div data-role="footer" data-position="fixed" data-role="footer" data-tap-toggle="false">
    <div class="banner">
      <div>
        <a href="promo.html" data-rel="dialog" data-transition="pop">
          <span>This app was created by:</span> 
          <span><img src="images/iwebxpert-logo.png"></span>
          <span>iWebXpert</span>
        </a>
      </div>
    </div>
    <!-- Navbar / Main Navigation -->
    <div data-role="navbar">
      <ul>
        <li>
          <a href="index.html" data-ajax="true" data-transition="slide" data-direction="reverse"><img src="images/home-icon.png"></a>
        </li>
        <li>
          <a href="schedule.html" data-ajax="true" data-transition="slide" data-direction="reverse"><img src="images/schedule-icon.png"></a>
        </li>
        <li>
          <a href="#" data-ajax="true" data-transition="slide" class="ui-btn-active"><img src="images/map-icon.png"></a>
        </li>
        <li>
          <a href="design.html" data-ajax="true" data-transition="slide"><img src="images/design-icon.png"></a>
        </li>
        <li>
          <a href="info.html" data-ajax="true" data-transition="slide"><img src="images/about-icon.png"></a>
        </li>
      </ul>
    </div>

  </div>
  <!-- End of Footer -->
</div>
<!-- End of Page - Map-->
<script>loaded();</script>

由于您正在从外部源加载脚本（如果尚未加载），请确保添加 

 <access origin="*" />

到您的配置.xml文件

相关文章：