jCrop在Sharepoint Webpart或應用程序頁面中不起作用

Question

您好，我在將使用jquery 1.4.3和jcrop在asp.net中制作的項目遷移到共享點環境時遇到問題。 即使在IE中也可以完美運行。

這是我的腳本代碼：

<link href="Scripts/jquery.Jcrop.css" rel="stylesheet" />
<script type="text/javascript" src="Scripts/jquery-1.4.3.js"></script>
<script type="text/javascript" src="Scripts/jquery.Jcrop.js"></script>

    <script type="text/javascript" defer='defer'>
        jQuery(window).load(function () {
        var jcrop_obj;

      jQuery('#imgCrop').Jcrop({
                onSelect: storeCoords,
                aspectRatio: 1 / 1
            }, function () { jcrop_obj = this; });

        });

        function storeCoords(c) {
            jQuery('#X').val(c.x);
            jQuery('#Y').val(c.y);
            jQuery('#W').val(c.w);
            jQuery('#H').val(c.h);
        };
</script>

這是我使用的元素，與我在共享點之外有效的解決方案中使用的元素完全相同。

<body>
  <form id="form1" runat="server">
  <div>
    <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" Width="956px">
      <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:Label ID="Label1" runat="server" Text="Here is your cropped picture:"></asp:Label>
        <br />
      <asp:Image ID="imgCropped" runat="server" />
    </asp:Panel>
  </div>
  </form>
</body>

當然，我也有合適的元素，依此類推，因為它在沒有共享點的情況下運行時可以正常工作。 當我調試代碼時，jquery和jcrop都正確加載，並且當我在調用.Jcrop方法的代碼和斷點中運行時，它實際上進入jcrop文件並在沒有錯誤的情況下運行，但是當運行完成，我的圖片上沒有jcrop內容。 我在Firefox和Internet Explorer中都嘗試過。

我認為沒有任何理由要包含任何服務器端代碼，因為那根本不是問題。 我的問題是，在共享點中通過應用程序頁面運行它時，我是否需要考慮一些問題。

提前致謝！

Answer 1

好吧，我假設這是在ASPX Webpart頁面或Webpart解決方案中。

SP 2007具有7K行CSS代碼，SP 2010具有13K行CSS代碼。

您的CSS可能與SharePoint沖突。 嘗試使用強名稱，然后查看其行為是否正確。

另外，將您的HTML代碼包裝在一個表中。 這有助於避免繼承大多數核心CSS樣式。

<table><tr><td>
    ASPX html here
</td></tr></table>

jCrop在Sharepoint Webpart或應用程序頁面中不起作用

問題描述

1 個解決方案

解決方案1
0 2013-07-30 20:44:44

jCrop在Sharepoint Webpart或應用程序頁面中不起作用

問題描述

1 個解決方案

解決方案1 0 2013-07-30 20:44:44

解決方案1
0 2013-07-30 20:44:44