更改彈出窗口以包含HTML

在窗體提交時，我有一個由Ajax觸發的彈出窗口。目前它工作正常，但我想編輯代碼，以便它顯示HTML內容（而不是「已添加到購物車，謝謝！」，顯然它已經在拉動內容，我想要顯示更新後的購物車併爲其提供選項繼續購物並退房。）更改彈出窗口以包含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(); 
    }); 
};

來源

2013-07-17 user1827227

您應該提供大部分HTML，JavaScript代碼以及Ajax請求的文件。 – dbanet

或者，這會更好 - 推廣，具體化和澄清你的問題。我根本無法解決你的問題。 – dbanet

-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可以像你一樣全面。

來源

2013-07-18 00:15:52 RiggsFolly

更改彈出窗口以包含HTML

回答

相關問題