Изменить всплывающее окно, чтобы включить HTML

У меня есть всплывающее окно, вызванное 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();
     });
};

javascript popup liquid popupwindow
person user1827227    schedule 17.07.2013    source источник
comment
Вы должны предоставить большую часть кода HTML, JavaScript и файла, запрашиваемого Ajax.   -  person dbanet    schedule 18.07.2013
comment
Или, что будет намного лучше, - обобщите, конкретизируйте и уточните свой вопрос. Я никак не могу вникнуть в вашу проблему.   -  person dbanet    schedule 18.07.2013

Ответы (1)


arrow_upward
-1
arrow_downward

Простой ответ заключается в том, что там, где у вас есть "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 может быть настолько полным, насколько вам нравится.

person RiggsFolly    schedule 18.07.2013