更改弹出窗口以包含 HTML答案

【问题标题】：Change popup window to include HTML更改弹出窗口以包含 HTML
【发布时间】：2013-07-17 23:10:14
【问题描述】：

我在提交表单时有一个由 Ajax 触发的弹出窗口。目前它工作正常，但我想编辑代码以便它显示 HTML 内容（而不是“已添加到购物车，谢谢！”，它显然已经在提取内容，我想显示更新的购物车并给人们继续购物和结帐的选项。）

我只是不知道如何更改代码以停止仅从 div 中提取文本。有什么想法吗？

//Added, show message & update cart display

window.showQuickPopup("Added to cart, thank you!", $form.find('input[type="submit"]:first'));
$.get(shopifyAjaxStorePageURL, function(data){
     var $newCartObj = $(data).find('#navpanel .cartsummary');
     var $currCart = $('#navpanel .cartsummary');
     if($currCart.length == 0) {
        $('#shoplogo').after($newCartObj);
     } else {
        $currCart.html($newCartObj.html());

     //Function to show a quick generic text popup above an element

     window.showQuickPopup = function(message, $origin){
     var $popup = $('<div>').addClass ('simple-popup');
     var offs = $origin.offset();
     $popup.html(message).css({ 'left':offs.left, 'top':offs.top }).hide();
     $('body').append($popup);
     $popup.css('margin-top', - $popup.outerHeight() - 10);
     $popup.fadeIn(200).delay(3500).fadeOut(400, function(){
         $(this).remove();
     });
};

【问题讨论】：

您应该提供大部分 HTML、JavaScript 代码和 Ajax 请求的文件。
或者，这会更好——概括、具体化和澄清你的问题。我根本无法解决你的问题。

标签： javascript popup popupwindow liquid

【解决方案1】：

简单的答案是你有"Added to cart, thank you!" ...

window.showQuickPopup("Added to cart, thank you!", $form.find('input[type="submit"]:first'));

您可以使用 html 代替。

例如

var myHtmlVersion = '<div class="popup-block">Added to cart, thank you!</div>
window.showQuickPopup(myHtmlVersion, $form.find('input[type="submit"]:first'));

当然，html 可以随心所欲。

【讨论】：