我有一个MasterPage,defaultPage和Cropper页面,当我只有default.aspx页面而不是母版页和裁剪页面时,我可以使用JCrop。
问题:当我有母版页时,我无法使用Jcrop,因为它没有显示Image Cropper矩形。
任何帮助将不胜感激!
这是我的代码:
母版页的主要部分:
<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.2.js" type="text/javascript"></script>
<script src="js/jquery.Jcrop.min.js" type="text/javascript"></script>
<script src="js/jquery.Jcrop.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
MasterPage的正文部分:
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
这是我的Cropper.aspx代码:
<asp:Panel ID="pnlUpload" runat="server">
<asp:FileUpload ID="Upload" runat="server" />
<br />
<asp:Button ID="btnUpload" runat="server" OnClick="btnUpload_Click" Text="Upload" />
<asp:Label ID="lblError" runat="server" Visible="false" />
</asp:Panel>
<asp:Panel ID="pnlCrop" runat="server" Visible="false">
<asp:Image ID="imgCrop" runat="server" />
<br />
<asp:HiddenField ID="X" runat="server" />
<asp:HiddenField ID="Y" runat="server" />
<asp:HiddenField ID="W" runat="server" />
<asp:HiddenField ID="H" runat="server" />
<asp:Button ID="btnCrop" runat="server" Text="Crop" OnClick="btnCrop_Click" />
</asp:Panel>
<asp:Panel ID="pnlCropped" runat="server" Visible="false">
<asp:Image ID="imgCropped" runat="server" />
</asp:Panel>
答案 0 :(得分:0)
你包括两次jCrop
<script src="js/jquery.Jcrop.min.js" type="text/javascript"></script>
<script src="js/jquery.Jcrop.js" type="text/javascript"></script>
只需要一个!
答案 1 :(得分:0)
最后找到了解决方案,并且在服务器控制代码中添加了一个简单的解决方案。
以下是我修改的代码:
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#<%= imgCrop.ClientID %>').Jcrop({
onSelect: storeCoords
});
});