0

我正在尝试将 paypal 捐赠按钮集成到我的 phonegap-jquery 移动应用程序中,但该按钮没有出现并且不起作用。有什么方法可以显示按钮或任何简单的方法可以在我的应用程序中显示贝宝?

这是应用程序代码 -

<!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>

当我在任何页面中添加按钮代码时,将出现一个空白按钮并且不显示任何内容!任何想法?

4

2 回答 2

0

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

于 2013-09-28T18:43:15.863 回答
0

一方面,您的脚本链接在由 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

该按钮看起来像是从 Internet 中提取图像,您是否在 Phonegap 中启用了对该域的访问?另一种选择是下载图像并使用相对链接而不是 http:// 链接

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

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

于 2013-01-16T23:22:20.003 回答