Question

我无法找到答案，所以如果在其他地方得到回答，请原谅。我有这个功能，显示＆＃34; Mark Shipped＆＃34;在前端链接。因此，当点击＆＃34; Mark Shipped＆＃34;订单标记为自动发货。我想要做的是添加一个小弹出窗口＆＃34;你确定吗？＆＃34;当点击＆＃34; Marked Shipped＆＃34;链接，在实际标记订单已发货之前。然后，如果用户点击＆＃34;是＆＃34;将订单标记为已发货。任何帮助表示赞赏。感谢。

if ( __( 'No', 'wcvendors-pro' ) == $shipped ) { 
                        $row_actions['mark_shipped'] = array( 
                            'label'     => __( 'Mark Shipped', 'wcvendors-pro' ), 
                            'url'       => '?wcv_mark_shipped='.$order->get_order_number() 
                        ); 
                    }

Answer 1

我通常使用jQuery，使用名为dialog的小部件。检查一下： http://jqueryui.com/dialog/

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#dialog" ).dialog();
  } );
  </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>


</body>
</html>

Answer 2

我不确定你是否只能通过PHP实现这一目标。除非你创建另一个页面只是为了询问用户是/否。

我相信正确的解决方案是将onclick事件添加到该按钮/链接，以便调用将加载弹出窗口的JS / jQuery函数。

Answer 3

如果使用Bootstrap将使用模态（learn more）或使用jQuery对话框，您可以在客户端触发事件。

为了在Bootstrap中实现这一点，只需创建模态，然后如果付费，触发函数客户端，打开模态的函数可以这么简单：

＆＃13;

function triggerPaidModal() {
  $('#modalID').modal('show');
}

function closePaidModal() {
  $('#modalID').modal('hide');
}

＆＃13;

如果您正在使用Bootstrap，它将成功地使用它，否则请尝试jQuery对话框，即here。

在行动前添加弹出通知

3 个答案: