JCrop Проблема с главной страницей asp.net - PullRequest
Новая
       4

JCrop Проблема с главной страницей asp.net

0 голосов
/ 30 августа 2011

У меня есть страница MasterPage, defaultPage и Cropper, и я могу использовать JCrop, когда у меня есть только страница default.aspx, а не главная страница и страница обрезки.

Проблема: Когда у меня есть мастер-страница, я не могу использовать 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>

Ответы [ 2 ]

0 голосов
/ 31 августа 2011

Наконец-то найдено решение, и его просто добавить в код для управления сервером.

Вот код, который я изменил: 

 <script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#<%= imgCrop.ClientID %>').Jcrop({
            onSelect: storeCoords
        });
    });

0 голосов
/ 30 августа 2011

Вы включаете jCrop два раза 

<script src="js/jquery.Jcrop.min.js" type="text/javascript"></script>
<script src="js/jquery.Jcrop.js" type="text/javascript"></script>

Нужен только один!

...