2011-08-10 20 views
1

jQuery( '#imgCrop')Jcrop()が呼び出されていません。 jCropを正しく参照していますか? 私のVS2010スクリーンショットのリンクを参照してください。ありがとう!jCropが呼び出されていません。

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
<link href="Scripts/jCrop-v0.9.9/css/jquery.Jcrop.css" rel="stylesheet" type="text/css" /> 
<script src="Scripts/jCrop-v0.9.9/js/jquery.min.js" type="text/javascript"></script> 
<script src="Scripts/jCrop-v0.9.9/js/jquery.Jcrop.min.js" type="text/javascript"></script> 
<script src="Scripts/jCrop-v0.9.9/js/jquery.Jcrop.js" type="text/javascript"></script> 
<script type="text/javascript"> 

    jQuery(document).ready(function() { 

     jQuery('#imgCrop').Jcrop({ 
      onSelect: storeCoords 
     }); 
    }); 

    function storeCoords(c) { 

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

http://i.stack.imgur.com/ZSJqw.png

http://i.stack.imgur.com/FVdPP.png

+0

の場合は、Jcrop.jsのフルバージョンと最小化バージョンの両方を必要としない可能性があります。 2度読み込むと問題が発生する可能性があります(ほとんどありませんが)。 – numbers1311407

+0

解決策が見つかりました:[こちら](http://forums.asp.net/t/1553510.aspx/1?jQuery+with+Master+Pages) – Bruno

+0

ここに解決策を含めることができれば、他のWebサイトが利用できない場合など) – amaseuk

答えて

1

あなたはヘッダから含ま余分なjcropを削除しましたか?あなたはJcropを1回だけインクルードする必要があります。あなたの例では、フルバージョンと最小化バージョンの両方を使用しています。 Instinctによると、2番目のインクルードはこの場合に最初のインクルードを上書きしますが、チェックするのは害ではありません。

機能をインラインで送信しようとしましたか?または引数なしでJcrop()を呼び出しますか? (関数が問題を引き起こしているかどうかを確認する)。

jQuery.Jcrop('#imgCrop', { 
    onSelect: function (c) { 
     jQuery('#X').val(c.x); 
     jQuery('#Y').val(c.y); 
     jQuery('#W').val(c.w); 
     jQuery('#H').val(c.h); 
    } 
}); 

それが動作するはずのように、それ以外の場合は見えるので、私はストローでここにビットを把握しています。私はASP開発者ではないので、問題が存在するかどうかはわかりません。

+0

動作しませんでした。 VS2010のWebアプリケーションへのリンクは次のとおりです。[link](http://www.filefactory.com/file/cde6727/n/WebApplication2.zip) – Bruno

関連する問題