javascript - 从外部调用 jQuery 内部定义的函数

Question

我的aspx页面:-

  <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
  <script src="js/jquery-ui-1.8.2.custom.js" type="text/javascript"></script>

  <script type="text/javascript">
    $(document).ready(function () {
      //lots of other code here....
      function showMessage(){
        $("#msgDiv").dialog({
                        modal: true,
                        buttons: {
                                  Ok: function() {
                                          $(this).dialog('close');
                                      }
                        },
                        resizable: true,
                        show: "explode",
                        position: "center",
                        closeOnEscape: true,
                        draggable: false
                      });
      }
    });
   </script>

另一个由上面页面触发的aspx弹出页面

<script type="text/javascript">

    window.opener.document.getElementById("msgDiv").innerHTML = <%=MessageToShow%>; //works very well for me.
    window.opener.document.showMessage(); // I am unable to access it like this?
    window.close();

</script>

基本上我想从弹出窗口中调用showMessage()。我还在两个页面中执行其他逻辑。

Answer 1

在文档中声明您的函数，如下所示:

$(document).ready(function() {

    window.showMessage = function() {
        //...
    };

});

然后您应该能够从其他文档中调用它，如下所示:

window.opener.showMessage();

由于它位于全局范围内，因此您只需通过调用即可从主文档中调用它

showMessage();