繁体   English   中英

如果我添加jQuery mobile,则按钮在iOS的Phonegap中不起作用

[英]Buttons dont work on iOS in Phonegap if I add jQuery mobile

我使用本机代码和Phonegap 2.1构建了一个混合应用程序。 该应用程序具有4个Javascript屏幕。 最后一个Javascript屏幕具有一些按钮,这些按钮可通过使用Navigationcontroller打开本机编码屏幕。 我使用了各种不同的jQuery Buttons和Javascript Buttons。 如果我不使用jQuery mobile,它会起作用。

但是,如果我将jQuery mobile文件包含到javascript文件中,则所有不同的按钮将不再起作用。 奇怪的是,如果我删除jQuery包括在第二JavaScript的屏幕和第三的javascript屏, jQuery在4 JavaScript的银幕作品,很好看移动的按钮,但第二个JavaScript的屏幕和第三JavaScript的屏幕没有jQuery移动,现在看起来很烂。

似乎phonegap缓存了jQuery移动文件,这在html页面中是不可能的。 我在javascript端有一个scrollview,但是我读到,结合了scrollview的错误单击按钮是固定的,并且我在没有滚动视图的情况下对其进行了测试,并且存在相同的问题。 我还删除了我拥有的子浏览器,但是也没有结果。

我之前使用Phonegap 1.9对其进行了测试,但是在那里我遇到了同样的问题。 我用几种浏览器测试了它,并在其中正常工作。 感谢您的阅读和帮助。 我现在有点绝望。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" title="reset"/>
<link rel="stylesheet" id="layout" href="css/tiles.css" type="text/css" media="screen" title="reset" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="reset" />

<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
<script src="js/storage.js" type="text/javascript"></script>

<link rel="stylesheet" href="js/jm/jquery.mobile-1.2.0.min.css" />
<script src="js/jm/jquery.mobile-1.2.0.min.js"></script>`

这是第二个屏幕的标题。 我已经将所有标头组织在一起。 如果删除最后一行,其中包括jquery.mobile.js,则打开2个屏幕的html页面中的按钮将在以后起作用。
这样我触发我的按钮

<a data-role="button" href="javascript:callNativePlugin();" value="Go to Player jQuery Button" data-theme="x" class="btnClose">Go to Player jQuery Button</a> 

但是使用了几种组合来调用该函数,但没有任何效果。
这样,我调用了本机函数:

function callNativePlugin()
{
var returnSuccess = "success";
alert('call Native Function');
HelloPlugin.callNativeFunction( nativePluginResultHandler, nativePluginErrorHandler, returnSuccess );
}

function nativePluginResultHandler (result)
{
alert("SUCCESS: \r\n"+result );
}

function nativePluginErrorHandler (error)
{
alert("ERROR: \r\n"+error );
}

如果发生问题,则不会调用警报。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM