Javascript PayPal按钮在使用客户端REST api的Laravel中不显示
我已将PayPal支付选项添加到我的网站。我已将PayPal支付代码整合如下:Javascript PayPal按钮在使用客户端REST api的Laravel中不显示,javascript,laravel,paypal,Javascript,Laravel,Paypal,我已将PayPal支付选项添加到我的网站。我已将PayPal支付代码整合如下: <div class="col-md-6 col-xs-12"> <script src="https://www.paypalobjects.com/api/checkout.js"></script> <div class="sec_pay_hd"> Payme
<div class="col-md-6 col-xs-12">
<script src="https://www.paypalobjects.com/api/checkout.js"></script>
<div class="sec_pay_hd">
Payment Method
</div>
<div id="paypal-button-container"></div>
<div id="confirm" class="hidden">
<div>Ship to:</div>
<div><span id="recipient"></span>, <span id="line1"></span>, <span id="city"></span></div>
<div><span id="state"></span>, <span id="zip"></span>, <span id="country"></span></div>
<button id="confirmButton">Complete Payment</button>
</div>
<div id="thanks" class="hidden">
Thanks, <span id="thanksname"></span>!
</div>
<!-- <div class="pay_mode_img1 visa_imgsasa"> -->
<!-- </div> -->
<script>
paypal.Button.render({
env: 'sandbox', // sandbox | production
client: {
sandbox: 'AZDxjDScFpQtjWTOUtWKbyN_bDt4OgqaF4eYXlewfBP4-8aqX3PiV8e1GWU6liB2CUXlkA59kJXE7M6R',
production: '<insert production client id>'
},
payment: function(data, actions) {
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: '0.01', currency: 'USD' }
}
]
}
});
},
// Wait for the payment to be authorized by the customer
onAuthorize: function(data, actions) {
// Get the payment details
return actions.payment.get().then(function(data) {
// Display the payment details and a confirmation button
var shipping = data.payer.payer_info.shipping_address;
document.querySelector('#recipient').innerText = shipping.recipient_name;
document.querySelector('#line1').innerText = shipping.line1;
document.querySelector('#city').innerText = shipping.city;
document.querySelector('#state').innerText = shipping.state;
document.querySelector('#zip').innerText = shipping.postal_code;
document.querySelector('#country').innerText = shipping.country_code;
document.querySelector('#paypal-button-container').style.display = 'none';
document.querySelector('#confirm').style.display = 'block';
// Listen for click on confirm button
document.querySelector('#confirmButton').addEventListener('click', function() {
// Disable the button and show a loading message
document.querySelector('#confirm').innerText = 'Loading...';
document.querySelector('#confirm').disabled = true;
// Execute the payment
return actions.payment.execute().then(function() {
// Show a thank-you note
document.querySelector('#thanksname').innerText = shipping.recipient_name;
document.querySelector('#confirm').style.display = 'none';
document.querySelector('#thanks').style.display = 'block';
});
});
});
}
}, '#paypal-button-container');
</script>
<div class="visa_imgsasa">
<img src="{{asset('assets/resources/images/visa-image.png')}}" alt="">
</div>
我在页面顶部添加了paypal脚本。但现在我不断地犯这个错误
非常感谢您的帮助,我已经在网上搜索了这个错误,但是没有找到任何错误。这是paypal网站演示的示例代码。但这在我的本地服务器上也不起作用。$'navmenu'.mmenu
^从页面中删除此选项可修复此问题。我猜是从DOM中删除iframe,然后重新添加它,这会导致iframe的内部窗口关闭。我很乐意帮助调试我维护的checkout.js-是否有一个实时页面可以重设此错误?删除了包含站点链接的注释_/_非常感谢,现在工作顺利。mmenu是第三方脚本,用于管理移动菜单和向右滑动。不知何故,这是干扰贝宝代码,我正在努力解决这个问题。但这是一种解脱。非常感谢你!!