3

我在 asp.net 4 中为客户端建立了一个网站,该网站大量使用 jQuery (1.7.2)。该网站在所有现代浏览器、移动客户端等中都能正常工作。

客户有一个用于其业务的 Twitter 帐户,当有人关注他们时,他们会收到一条包含指向该站点的链接的自动响应消息。他提出了一个问题,即当客户在 iOS 设备上使用 Twitter 应用程序单击该链接时,该网站无法正常运行。

我已经将其归结为 twitter 使用 webview 来显示站点而不是 safari 的事实,并且当我尝试通过 javascript 获取 asp.net scriptmanager 实例时,似乎在这个 webview 中出现了某种错误,因此文档永远不会准备就绪,因此不再触发 jQuery document.ready 事件!如果我放入后续脚本,window.load那么它们可以正常工作。

我创建了一个非常简单的页面来测试它,它的整体看起来像这样:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
        <form id="form1" runat="server">

            <asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>

            <script type="text/javascript">

                $(document).ready(function () {
                    if (typeof (Sys) === "object") {
                        var manager = Sys.WebForms.PageRequestManager.getInstance();
                    }
                });

                $(document).ready(function () {
                    alert("staging1");
                });
                $(window).load(function () {
                    alert("staging2");
                });
            </script>
        </form>
    </body>
</html>

因此,如果我在 webview 中加载该页面,我只会从 window.load 中获得第二个警报。如果我取出声明变量的行manager。当第二个 document.ready 事件触发时,我收到两个警报。

如果我在任何浏览器中运行该页面,我总是会收到两个警报。

有没有人遇到过这个或有任何理由为什么这不起作用?

非常欢迎任何帮助/专业知识!

谢谢

4

1 回答 1

3

你必须这样做:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

     <script type="text/javascript">

    $(document).ready(function() {
        if (typeof (Sys) === "object") {
        var manager = Sys.WebForms.PageRequestManager.getInstance();
        }
    });

         $(document).ready(function () {
             alert("staging1");
         });
         $(window).load(function () {
             alert("staging2");
         });
    </script>
</head>
<body>
    <form id="form1" runat="server">

    <asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>

    </form>
</body>
</html>
于 2012-11-02T12:43:44.663 回答