javascript - 服务器端调用未显示 Fancybox

Question

我必须从服务器端显示 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 工作得很好，但问题在于服务器端调用。

Answer 1

如果加上就更好了

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'                   
            });
 }