我有一个带有表单和Ajax帖子的fancybox:
var form = $("#myform");
var data = form.serialize();
var url = form.attr("action");
$.ajax({
type: 'POST',
url: url,
data: data,
}).done(function() {
location.reload();
window.location.reload(true);
}).fail(function()
这个场景:
用户将他的拉链插入一个输入字段,当单击魔术按钮时,他可以看到离他位置最近的商店。我将服务调用得非常好,并将其加载到AJAX- load中。平安无事。
现在,我希望将结果显示在Fancybox中,而不是将结果插入页面的某个位置。我根本做不到这件事。
JavaScript:
$('#button').on('click', function(){
// Function to build the URL edited out for simplicity
var nzData = '/url.com?Zip=80
我在设置fancybox中表单的第一个输入元素时遇到了问题。我使用的是通过内部插件加载的WordPress 3.5.2和fancybox 2.1.3。
我想我不理解DOM中正确设置焦点的路径。
在标有“fancybox-隐藏”的div中有两种形式。每个表单都在一个带有唯一id的div中。通过单击锚点打开窗体。每一次锚点击都会显示适当的对话框。
打开对话框的锚如下:
<a href="#login-form" class="fancybox" id="show-logon">Sign On To Your Account</a&g
我想捕获一个fancybox错误(请求的内容无法加载。请稍后重试。)并尝试另一种fancybox类型。
就像这样。它第一次尝试ajax,如果返回错误,请尝试iframe。
jQuery('.lightwindow').click(function() {
var element = this;
jQuery(element).fancybox({
error: function() {
// If this didn't work, try iframe
HTML
<div class="test">
<a href="/example/123.html" class="fancybox"> link 1</a>
<a href="/example/123.html" class="fancybox"> link 1</a>
<a href="/example/123.html" class="fancybox"> link 1</a>
</di
我有一个用内联div调用的fancybox2。此fancybox已经使用静态虚拟内容应用了样式设置。它按原样工作,但我需要通过ajax填充动态加载的内容。不幸的是,当我进行ajax调用时,它加载了所需的内容,但失去了所有css样式,我认为这是由于html结构不同(我怀疑它是否应该如此!)
首先,这里显示的是我的虚拟链接和虚拟div:
<!-- Here is the link -->
<a href="#gallery_piece1" data-id="11" class="gallery_item fancybox-gallery f