当有人确认后，让jQuery点击一个按钮(对话框)

Question

我有一个wordpress拍卖网站，当有人点击"出价"按钮时，我想用jquery添加一个确认对话框。我可以用默认的系统对话框来实现这一点，但我希望用jQuery来创建一个更自定义的对话框。一旦最终用户确认了出价，我如何才能让它点击出价按钮？

以下是代码示例：

<button type="submit" class="bid_button button alt"><?php echo wp_kses_post( apply_filters( 'bid_text', esc_html__( 'Bid', 'auctions-for-woocommerce' ), $product ) ); ?></button>
<script>
jQuery('button').confirm({
title: 'titletext',
content: 'content text"',
type: 'red',
buttons: {   
ok: {
text: "OK",
btnClass: 'btn-primary',
keys: ['enter'],
action: function(){
console.log('Brukeren bekreftet "OK"');
}
},
No: function(){
text: "No",
jQuery.alert('Kansellert!');
console.log('the user clicked cancel');
}
}
});
</script>

Answer 1

这个库似乎不是为通过按钮提交表单而创建的，更像是将其用于<a>标记，源-https://github.com/craftpip/jquery-confirm/issues/229

我想我还是会给你一个解决问题的方法。现在，我正在阻止按钮在未确认时的默认行为，并在确认时再次触发它，但这次按钮可以提交表单。还将idsubmitButton添加到您的按钮中，使其成为单独的按钮。

<button type="submit" id="submitButton" class="bid_button button alt"></button>

<script>
var confirmed = false;
$('#submitButton').on('click', function() {
if (!confirmed) {
event.preventDefault();
$.confirm({
title: 'titletext ',
content: 'content text"',
type: 'red',
buttons: {
ok: {
text: "OK",
btnClass: 'btn-primary',
keys: ['enter'],
action: function() {
confirmed = true;
$('#submitButton').click()
console.log('Brukeren bekreftet "OK"');
}
},
No: function() {
text: "No",
jQuery.alert('Kansellert!');
console.log('the user clicked cancel');
}
}
})
} else {
confirmed = false
}
})
</script>

希望我能帮助你