jQuery fancybox - iframe中的特定div #id和下一个具有相同#id的div

时间:2011-07-17 18:26:23

标签: jquery html fancybox

现在思考并尝试了几个小时,但我无法工作

我有:

2个选择器让我们说第1页,点击一个i框打开,另一个页面的div可见

<div>
<a class="more float_r" href="news.html"id=one>Lees Meer</a>
<a class="more float_r" href="news.html"id=two>Lees Meer</a>
</div>

到目前为止,这是我的Jquery

$(#one, #two").each(function(i, el) { $(el).fancybox({ 
        'autoDimensions': true, 
        'type': 'iframe', 
        'iframe': { dataFilter: function(data) { return $(data).find('.news:eq(' + i + ')')[0]; } } });}); 

在iframe打开但始终在第一个div上的任何时候使用此结果,我使用ajax调用,但现在我想在iframe中使用它

我在这里缺少什么?

我忘了告诉我在课堂上的news.html页面上使用了分页插件.news

1 个答案:

答案 0 :(得分:0)

使用fancybox的'content'参数:

...
'content':function(){
             ///here get content of your news.html in ajax call
             ///filter the response html code to extract your needed div
             ///return the div as html
          },
 'type':'ajax',
 ....

我没有对它进行测试,我不确定分页插件是如何工作的,但你可以尝试一下。