jquery - 如何在 ASP.NET 中通过母版页使用 JCrop

标签 jquery asp.net ajax jcrop

我正在使用 asp.net 4、c#、jQuery 1.5.1 和 Jcrop-0.9.8。

对于 jQuery,我使用 MS CDN 和 ScriptManager 加载包。

jQuery 加载成功,但 Jcrop 有问题。

调用 Jcrop 时,我在 IE 8 中收到错误。

Line: 461
Error: Object doesn't support this property or method

我似乎无法将 jCrop 与 MasterPage 一起使用。 我尝试在没有关联 MasterPage 的页面中使用相同的脚本,并且它正在工作。

您有什么解决办法吗?感谢您抽出时间。

GlobalAsax

protected void Application_Start(object sender, EventArgs e)
        {
            // Map jQuery to MS CDN Path
            ScriptResourceDefinition myScriptResDef = new ScriptResourceDefinition();
            myScriptResDef.Path = "~/Assets/Scripts/jQuery/jquery-1.5.1.min.js";
            myScriptResDef.DebugPath = "~/Assets/Scripts/jQuery/jquery-1.5.1.js";
            myScriptResDef.CdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js";
            myScriptResDef.CdnDebugPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.js";
            ScriptManager.ScriptResourceMapping.AddDefinition("jquery", null, myScriptResDef);
        }

母版页

<head runat="server">
    <title>Cms Administration</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="uxScriptManagerMasterPage" runat="server" EnableCdn="True">
        <Scripts>
            <asp:ScriptReference Name="jquery" />
        </Scripts>
    </asp:ScriptManager>       
    <div id="main-content">
        <asp:ContentPlaceHolder ID="MainContent" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

子页面

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="Assets/Scripts/Jcrop/js/jquery.Jcrop.min.js"></script>
    <link rel="stylesheet" href="Assets/Scripts/Jcrop/css/jquery.Jcrop.css" type="text/css" />
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">

        $(document).ready(function () {
            $("#msgid").html("This is Hello World by JQuery");
        });

    jQuery(function(){
        jQuery('#cropbox').Jcrop();
    });

    </script>



    This is Hello World by HTML
    <div id="msgid">
    </div>

    <img src="demo_files/flowers.jpg" id="cropbox" />

</asp:Content>

最佳答案

有同样的问题,我已经找到了解决方案。

对于上述问题,解决方案应该是内容页面的jquery脚本。 您需要引用 clientid,因为 ASP.NET 在运行时(在母版页环境中)往往会以不同的方式呈现名称。

所以这样做:

将“#msgid”替换为“#<%= msgid.ClientID %>”

将“#cropbox”替换为“#<%=cropbox.ClientID %>”

这解决了我的问题。

祝你好运

关于jquery - 如何在 ASP.NET 中通过母版页使用 JCrop,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5474843/

相关文章:

c# - asp.NET 2.0 网站无法访问 App_Code 中的类

asp.net - 我如何使用 jQuery 插入一个 <DIV> 包裹在可变数量的子元素周围?

javascript - 数据库表过滤

javascript - 当事件处理程序附加到父 HTML 元素时,如何防止默认事件操作?

javascript - 如果函数不返回 false?

Javascript/Jquery 脚本因超时而终止

javascript - 分层镂空按扣装订

jquery - 如何在 jQuery 元素上运行自定义函数?

c# - 需要一些精简库/代码来创建缩略图并且最适合与 ASP.NET MVC 一起使用

php - ajax的刷新问题