Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改弹出窗口以包含HTML_Javascript_Popup_Popupwindow_Liquid - Fatal编程技术网

Javascript 更改弹出窗口以包含HTML

Javascript 更改弹出窗口以包含HTML,javascript,popup,popupwindow,liquid,Javascript,Popup,Popupwindow,Liquid,我有一个由Ajax在表单提交时触发的弹出窗口。目前它工作正常,但我想编辑代码,使其显示HTML内容,而不是添加到购物车,谢谢!,内容,它显然已经拉,我想显示更新的购物车,让人们选择继续购物和检查 我只是不知道如何更改代码,停止从div中提取文本。有什么想法吗 //Added, show message & update cart display window.showQuickPopup("Added to cart, thank you!", $form.find('input[ty

我有一个由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

比如说

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

当然,html可以像您喜欢的那样全面。

您应该提供大部分html、JavaScript代码和Ajax请求的文件。或者,哪一个更好-概括、具体化和澄清您的问题。我根本不能插手你的问题。
var myHtmlVersion = '<div class="popup-block">Added to cart, thank you!</div>
window.showQuickPopup(myHtmlVersion, $form.find('input[type="submit"]:first'));