無法從後面的代碼調用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" 
    }); 
}