jquery – 将动态AJAX内容加载到Fancybox中

前端之家收集整理的这篇文章主要介绍了jquery – 将动态AJAX内容加载到Fancybox中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这种情况:

用户将他的zip插入到输入字段中,当单击魔术按钮时,他可以看到最接近其位置的商店.我称这项服务非常好,并加入了一些AJAX-goodness.一切都很好.

现在,我希望它显示fancybox中,而不是在页面上的某处插入结果.我根本无法做到这一点.

JavaScript的:

$('#button').on('click',function(){    
   // Function to build the URL edited out for simplicity       
   var nzData = '/url.com?Zip=8000 #module';

   $.fancybox({
      ajax: { 
         data: nzData
        }
    });
});

我希望弹出fancybox并向我显示URL(nzData)的标记. fancybox加载,但不是内容,我得到一个字符串说“无法加载请求的内容.请稍后再试.”.

这不是服务的问题,所以我怀疑这只是我忽视某些东西或强奸fancybox API.那么,我做错了什么?

编辑:我忘了提,我使用旧版本的fancybox(v1.3.4).

解决方法

我知道这是一个老问题,但我最近不得不处理类似的问题.这是我将ajax加载到fancybox中所做的.
$('#button').on('click',function(){
    $.fancybox({
        width: 400,height: 400,autoSize: false,href: '/some/url-to-load',type: 'ajax'
    });
});

猜你在找的jQuery相关文章