我必须从服务器端显示 fancybox。我编写了一个javascript方法,并在asp.net按钮单击的ScriptManager.RegisterStartUpScript中调用了该方法
这是我的代码
protected void btnSaveAndAddConcern_Click(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(this, this.GetType(), "fancybox", "callFancyBox();", true);
}
这是我的 JavaScript 函数
function callFancyBox() {
$("#fancybox").attr("href", "/Agent/AddCampConcernPopup.aspx").fancybox({
'width': 550,
'height': 200,
'type': 'iframe',
'title': ''
}).trigger("click");
}
函数已调用,但 fancybox 未打开。当我从客户端调用这个 JavaScript 函数时,它工作正常。但是当我从 fancybox 后面的代码调用它时永远不会显示。我检查控制台中的错误,并在从服务器端调用后显示此错误
"Uncaught TypeError: Cannot read property 'hide' of undefined"
我有 jquery 1.10.2 和 fancybox 版本 1.3.4
同样,当我从客户端调用它时,fancybox 工作得很好,但问题在于服务器端调用。
最佳答案
如果加上就更好了
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "ajax", "callFancyBox()", true);
代替
ScriptManager.RegisterStartupScript(this, this.GetType(), "fancybox", "callFancyBox();", true);
还可以按类而不是 ID 添加,这样您就可以将一个函数传递给多个函数,如下所示
$(document).ready(function () { //this line you have to add for initiate script so it will solve your undefined error
$('.fancybox').fancybox({
type: 'iframe'
});
}
关于javascript - 服务器端调用未显示 Fancybox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30722525/