JQuery Facebox 插件：将其获取到表单标签内

Question

我想使用 JQuery 的 Facebox 插件，但在让它按照我想要的方式运行时遇到一些问题。 容纳 Facebox 内容的 div 是在标签外部创建的，因此即使我加载了一些 Web 控件，它们也不会返回到服务器。

有没有人处理过这个问题可以给我一些指示？

Answer 1

浏览 Facebox.js 我在函数 init(settings) 中遇到了这一行...

$('body').append($.facebox.settings.faceboxHtml)

我将其更改为...

$('#aspnetForm').append($.facebox.settings.faceboxHtml)

并且它加载到表单标签中，尚不确定是否有任何副作用

Answer 2

您可以使用此代码来注册 PostBack 事件：

btn.OnClientClick = string.Format("{0}; $.facebox.close();",ClientScript.GetPostBackEventReference(btn, null));

这将使按钮触发 PostBack。

Answer 3

即使在之后：
$('#aspnetForm').append($.facebox.settings.faceboxHtml)

更改我发现它有问题。 当您使用 firebug 查看页面源代码时，您会发现分配给 Facebox div 的 div 中的所有 html 都被加倍（重复）。

因此，所有这些具有假定唯一 id 的控件都会在页面上加倍，这在回发时效果不佳，我决定将 ASP.NET Web 控件放入 Facebox 中不是一个好主意。

Answer 4

我修改了 facbox.js 来做到这一点。 也许有更好的解决方案，但这就像一个魅力，

我做了什么：

1. 在 facbox.js 顶部 '(function($)' 之前添加两行，

var willremove = '';
var willremovehtml = '';

2. 找到“reveal: function(data, klass) {”并添加此行在函数的第一行之前

willremove = data.attr('id')
willremovehtml = $('#'+willremove).html()
$('#'+willremove).html('')

3. 找到“close: function() {”并使其如下所示。

close: function() {
$(document).trigger('close.facebox')
$('#'+willremove).html(willremovehtml)
willremovehtml = ''
willremove = ''
return false
}