更改弹出窗口以包含HTML
Change popup window to include 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();
});
};
简单的答案是,如果您有"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可以随心所欲地全面。
相关文章:
- jQuery包含html-将类添加到头中
- 存储包含html标记的文本
- 是否可以在JavaScript中包含HTML代码
- 创建一个可以包含html标记的文本字段
- 当字符串包含 HTML 标记时,JSON 解析失败
- 包含HTML的变量上的jQuery选择器
- 如何从包含HTML代码和许多UL标签及其ID的JavaScript变量A中获取
- ID
- 将句子大小写应用于可能包含HTML的字符串
- php包含包含html标记和js脚本的文件
- 获取包含HTML标记的选定文本
- 如何将ngOptions与包含HTML实体的字符串一起使用
- AngularJS在指令中包含HTML属性
- 从只包含HTML、CSS&JavaScript
- 如何通过单击按钮包含 html 文件
- 使用 javascript/jquery 遍历包含 HTML 的字符串中的所有标记
- 通过 JavaScript 包含 HTML 文件
- Javascript不是't在包含html模板时执行
- 如何使用角度翻译处理包含 HTML 的字符串
- 在包含 html 的变量中选择一个元素
- PHP 变量包含 HTML 和 JavaScript.通过JavaScript将其注入HTML不起作用