0

ペイパルの寄付ボタンを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

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>

そのパスは、ローカル コンピューターでのみ使用できます。スクリプト src として jquery-mobile/jquery-1.5.min.js のような相対パスを使用する必要があります。

ボタンはインターネットから画像を取得しているように見えますが、Phonegap でそのドメインへのアクセスを有効にしていますか? もう 1 つのオプションは、画像をダウンロードし、http:// リンクではなく相対リンクを使用することです。

最初のオプションを使用する場合は、ホワイトリスト ドメインに関するガイドをご覧ください。

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

于 2013-01-16T23:22:20.003 に答える
0

こんにちは、対象の電話に応じて phonegap ペイパル プラグイン ライブラリを使用する必要があります。必要な git リポジトリと手順は次のとおりです https://github.com/phonegap/phonegap-plugins/tree/master/Android/PayPalPlugin

于 2013-09-28T18:43:15.863 に答える