Question

我使用Paypal接受网站付款。它在全尺寸网站上运行良好但是当我在运行jQuery mobile的网站的移动版本上实现相同的代码时，“添加到购物车”按钮不起作用。

我正在使用网站付款标准，所以它不像添加“-mobile”那样简单，就像在这篇文章中的快速结账一样：Paypal Checkout in mobile website

Paypal表示该页面应该会自动重定向，但事实并非如此。

我的按钮也没有正确显示，这很奇怪。在我的笔记本电脑上（在移动网站上）按钮被拉得很奇怪，而在我的手机上（在移动网站上）按钮看起来很奇怪。

以下是我的Paypal按钮代码：

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="ZQK9WXTYG3SDN">
<table>
<tr><td><input type="hidden" name="on0" value="Weekend Ticket Type">Weekend Ticket Type</td></tr><tr><td><select name="os0">
<option value="Full Price Weekend Ticket">Full Price Weekend Ticket £42.00 GBP</option>
<option value="Weekend Concession Ticket">Weekend Concession Ticket £40.00 GBP</option>
<option value="Under 12 Weekend Ticket">Under 12 Weekend Ticket £0.00 GBP</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="GBP">
<input style="padding:20px 0px 0px 0px;" width="120" type="image" src="http://www.website-domain.com/images/PayPal-button.jpg" border="0" name="submit" alt="PayPal — The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

（我已更改网站域名以阻止它在搜索引擎中被选中; - ）

非常感谢您的帮助

Answer 1

我建议jQuery Mobile劫持你的表单提交（就像它对<a href="..">标签一样）。尝试将data-ajax="false"添加到您的<form>代码。

您可以在此处找到有关此行为的更多信息： http://jquerymobile.com/test/docs/forms/forms-sample.html

或者通过将此代码段添加到您的代码中全局禁用它：

$(document).bind("mobileinit", function(){
  $.mobile.ajaxEnabled = false;
});

Paypal按钮不在移动网站上工作

1 个答案: