无法从后面的代码调用JQuery Popup

Question

我是Jquery的新手。我正面临的问题是，我能够从后面的代码调用alertbox，但是当我用jquery函数替换alertbox时，出现错误“Microsoft JScript运行时错误：'loadPopupBox'未定义”

此功能相同的函数loadPopupBox当在“文件准备”

<script type="text/javascript"> 

    function myFunction() { 
     loadPopupBox(); //This doesn't work while calling from code behind 
     //alert("Hi"); // This works fine with code behind 
    } 

    $(document).ready(function() { 


     loadPopupBox(); //This works fine with document load 

     function loadPopupBox() {  
      $('#popup_box').fadeIn("slow"); 
      $("#container").css({ 
       "opacity": "0.3" 
      }); 
     } 
    }); 
</script> 

运行代码）工作完全正常的背后，是如下

protected void Button1_Click(object sender, EventArgs e) 
{ 
    Page.ClientScript.RegisterStartupScript(this.GetType(), "", "myFunction();", true); 
} 

任何帮助是极大的赞赏。

问候 Nikunj

Answer 1

停止限定$(document).ready内部功能。 如果你想在页面加载时调用一个函数，在$(document).ready之外定义它，然后在里面调用它。

修改代码，这样，它会工作得很好：

function myFunction() { 
    loadPopupBox(); 
} 

$(document).ready(function() { 
    loadPopupBox(); 
}); 

function loadPopupBox() {  
    $('#popup_box').fadeIn("slow"); 
    $("#container").css({ 
     "opacity": "0.3" 
    }); 
}