Question

我有一个小问题。所以我有这个页面在页面加载完成后使用jQuery Ajax加载动态内容。页面顶部是一个名为“添加新闻”的链接。单击该链接时，会弹出一个facebox。此链接是静态的，仅在页面顶部显示一次。标有：

<a href="linktopage" rel='facebox[.xhr]'>Add News</a>

动态页面（从Ajax加载）列出了DB中的所有现有新闻。它们被标记为：

<a href="linktonews?id=1" rel='facebox[.xhr]'>News 1</a>
<a href="linktonews?id=2" rel='facebox[.xhr]'>News 2</a>
<a href="linktonews?id=3" rel='facebox[.xhr]'>News 3</a>

等等...点击其中一个新闻项目，打开一个可以查看/编辑新闻的facebox。

每次添加新新闻时，动态内容都会重新加载而不刷新页面。

加载主索引页时，使用$('a[rel*=facebox]').facebox();实例化facebox的定义。

现在我的问题是这个$('a[rel*=facebox]').facebox();不适用于使用ajax加载的新闻内容。因此，单击这些链接不会打开面板。我怎样才能做到这一点？

提前致谢。

Answer 1

我遇到了同样的问题所以我开始在GitHub中查看pull请求并找到：

https://github.com/dator/facebox/commit/5ce6a75927d81b9fff1eeff9b933f0ad93f12801

Dator（道具给他！：D）

因为看起来拉请求没有合并但我刚刚在facebox.js中改变了这一行并且效果很好：D

希望这会有所帮助：）

将facebox应用于使用Ajax显示的链接

1 个答案: