Question

我正在尝试将paypal捐赠按钮集成到我的phonegap-jquery移动应用程序中，但该按钮不会出现且无法正常工作。有没有办法显示按钮或任何简单的方法来显示我的应用程序内的paypal？

这是应用代码 -

<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="file:///C|/Program Files/Adobe/Adobe Dreamweaver CS5.5/Configuration/Third Party Source Code/jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
<script src="file:///C|/Program Files/Adobe/Adobe Dreamweaver CS5.5/Configuration/Third Party Source Code/jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
<script src="file:///C|/Program Files/Adobe/Adobe Dreamweaver CS5.5/Configuration/Third Party Source Code/jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application. 
     To configure the site as a mobile application, go to Site -> Mobile Applications -> Configure Application Framework... -->
<script src="/phonegap.js" type="text/javascript"></script>
</head> 
<body> 

<div data-role="page" id="page">
    <div data-role="header">
        <h1>Page One</h1>
    </div>
    <div data-role="content">   
        <ul data-role="listview">
            <li><a href="#page2">Page Two</a></li>
            <li><a href="#page3">Page Three</a></li>
            <li><a href="#page4">Page Four</a></li>
        </ul>       
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>

这是按钮代码 -

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="me@example.com">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="item_name" value="Test">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

当我在任何页面中添加按钮代码时，会出现一个空白按钮，并且不显示任何内容！有什么想法吗？

Answer 1

如果您的脚本链接在Phonegap

编译时无效

<script src="file:///C|/Program Files/Adobe/Adobe Dreamweaver CS5.5/Configuration/Third Party Source Code/jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>

该路径仅适用于您的本地计算机。您需要使用相对路径，如jquery-mobile / jquery-1.5.min.js作为脚本src

该按钮看起来像是从互联网上提取图像，您是否已启用对Phonegap中该域的访问？另一个选择是下载图像并使用相对链接，而不是http：//链接

如果您想使用第一个选项，请查看白名单域名指南

http://docs.phonegap.com/en/2.3.0/guide_whitelist_index.md.html

Answer 2

HI您将使用phonegap paypal插件库，具体取决于您所定位的手机。这里是你需要的git repo和说明 https://github.com/phonegap/phonegap-plugins/tree/master/Android/PayPalPlugin

如何在Phonegap中集成PayPal捐赠按钮，使用Dreamweaver进行JQuery Mobile

2 个答案: