Question

我有一个从Wordpress Woocommerce商店中的iFrame调用的应用程序（WordPress插件）。一切正常。该应用程序生成产品并将其添加到购物车，并允许访问者进入购物车并付款。使用jQuery Modals。

当前，我正在使用重定向来提供访问者对购物车的访问权限。但是，我希望访客在结帐后留下（回来）。想法是，所有访客交互均由Modals处理这样访问者就可以继续使用该应用并生成更多产品。

有可能吗？有更好的选择吗？

我当前的代码如下：

function contact_woo_shop(orderfilename, urlAtts, counts, table){
var pid=0
jQuery.post(
            ts_woo.ajax_url, 
            {'action': 'do_ts_woo','order': orderfilename,             
   'board': urlAtts,'table': table},
            function(response) {
                  if(response.success){
                     pid = response.data;
                     console.log("do_ts_woo. SUCCESS response="+response.data);
  /* I WISH TO CANCEL THIS REDIRECT in favor of another MOdal with Iframe below*/
                     window.location.replace("https://orig-site.co.il/cart/?add-to-cart="+response.data);

                  } else {
                     console.log("do_ts_woo. FAILURE response="+response.data);
                  }
            }
).done(function(response) {
  console.log("DONE do_ts_woo. DONE response="+response.data);

   /* I wish to have the Modal & Iframe here */
  jQuery("#dialog").dialog({
        autoOpen: false,
        show: "fade",
        hide: "fade",
        modal: true,
        open: function (ev, ui) {
          jQuery('#myIframe').attr('src',"https://orig-site.co.il/cart/?add-to-cart="+pid);
        },
        height: 'auto',
        width: 'auto',
        resizable: true,
        title: 'Tilesim'
      });

     jQuery("#opener").click(function () {
        jQuery("#dialog").dialog("open");
        return false;
      })

 })
 .fail(function(msg) {
    alert( "error msg="+msg );
 })
 .always(function() {
   // alert( "finished" );
 });

}

Answer 1

您可以查看一个已经完成此任务的插件，并查看他们如何完成此任务：[https://wordpress.org/plugins/woo-awesome-checkout-popup-form/][1]
或者您可以通过在一定时间后自动将用户重定向到已完成订单页面上来完成此操作。例如，等待1秒钟，然后重定向回商店页面。

Answer 2

我使用jquery iframe dialog的简洁解决方案设法从iFrame中打开了iFrame，从技术上看，此顺序没有任何限制。 @NickC感谢您的帮助！

最后说明：直到现在，我一直在不惜一切代价避免使用iframe。这是第一个示例，其中应用程序（SAAS）代表客户端运行客户端的代码。此用例与运行（哑）iFrame（some.html）不同。

如何在Wordpress插件中使用jQuery从iframe调用iframe？

2 个答案: