Android 当触发onclick事件时，JQuery Mobile PhoneGap应用程序有奇怪的行为

我正在为一种产品开发一个说明应用程序。应用程序的打开屏幕是一个包含所有不同型号产品的页面。当用户单击一个按钮时，他们将被带到屏幕上，屏幕上显示产品的图像，该图像使用图像映射进行映射，以便用户可以单击不同的按钮来查看他们的操作。从那里，他们可以查看产品使用说明

我所经历的奇怪行为在使用PG Build构建的iOS应用程序中最为明显，尽管它也存在于Android应用程序中。选择模型后，与加载图像贴图之间会有很大的延迟，这本身是可以容忍的。问题是，在等待时，主页上的模型列表显示了一半。我已经使用MS Paint创建了一些粗糙的图形，以复制它发生时的样子：

然后，我们点击产品型号1，比如说，它应该直接转到这个带有图像地图的图像：

               <li data-theme="a" data-next="#model1">
                    <a href="#model1" data-transition="none" data-theme="a" onclick="setMapImages();">
                       <img id="image1" src="image.png">
                           <span class = "class1">
                            Product Model 1
                        </span>
                    </a>
                </li>

在继续之前，它会显示一两秒钟：

以下是用于从产品列表获取图像映射的代码示例：

               <li data-theme="a" data-next="#model1">
                    <a href="#model1" data-transition="none" data-theme="a" onclick="setMapImages();">
                       <img id="image1" src="image.png">
                           <span class = "class1">
                            Product Model 1
                        </span>
                    </a>
                </li>

---

图像映射过去是在应用程序中稍后的onclick中调用的，没有遇到过这样的问题。直到我把它移到第一页，它才开始出问题。在此方面的任何帮助都将不胜感激

jquerymobile只是花了一点时间来构建图像地图。jQM不适合PhoneGap

预先构建图像映射，这样jQM就不必在运行时执行此操作

---

看看其他框架，因为这是使用jQM和PG进行大量图像处理时得到的结果。

有可能让JSFIDLE重现这个问题吗？我稍后会尝试一下——尽管在将其部署到设备之前在桌面浏览器中运行时，实际上根本没有延迟。感谢您的回复。我只是希望您能告诉我如何按照您的建议预构建图像映射？当您单击该项目时，它是动态构建图像映射还是已经在另一个页面上构建了图像映射？你说该应用程序是针对“a”产品的，这意味着地图的数量有限——这听起来不像是一个可扩展、可扩展的应用程序。在这种情况下，为什么不在页面上构建图像映射，并在触摸项目时导航到页面。这样它们就已经“存在”——在你去之前它们已经被预先构建好了。在使用PG的手机上使用jQM的问题是，有很多事情会减慢速度。你是对的，它是有限的，没有太多的地图。问题是，我正在通过OP代码中的href导航到页面；但是，我仍然使用onclick事件来实际调用显示点的JQuery函数。这怎么可能到其他地方去呢？你是用jQuery/Javascript构建地图还是一个普通的HTML地图？如果在导航到页面之前已经使用HTML映射构建了页面，那么就可以了。我不理解setMapImages（）函数的作用。我从一位同事那里继承了这段代码，但据我所见，使用jquery插件“rwdimageaps”需要jquery函数在其中-该插件允许动态更改屏幕大小，因此在屏幕大小不同时不会影响映射。图像映射本身是常规html。你认为这个功能会成为一个问题吗？这是一个非常令人沮丧的问题，尤其是因为它阻碍了发布。这样做似乎没有任何内在的问题！