2010-03-17 44 views
1

我有這個cropper在我的應用程序。我在IE7/8中看不到裁剪。沒有問題的FF和演示(與IE7/8)

登錄:FER 密碼:M

注:loginning你會被重定向到另一個頁面後。然後再次點擊我提到的 鏈接。

我可以看到它在FF,工作,但不是在IE7/8(Windows XP SP2中,剛剛安裝)。

它應該可以正常工作,因爲我沒有任何問題在兩個瀏覽器中操作demo,在IE 8 Developer Tools中,所有.js的必需項都顯示爲加載。

我已經與cropper的開發者聯繫過,但他沒有回覆。

有什麼想法?

哈維

+0

謝謝Beska,但如果答案不是有用的我,你覺得我應該接受它(我的理解是「接受」,給人以響應一個綠色的勾)??? – ziiweb 2010-03-17 17:38:10

+0

@ user248959:沒有。你是完全正確的...無用的迴應肯定不應該被提高或被標記爲被接受。然而,9%的評分總是會被黃疸的眼睛看待......人們不會打擾你所有的問題來確定這是否合理。 (我發現你已經將它提高到了24%,儘管這仍然會被很多人認爲是低的)。可悲的是,如果你收到的答案質量不好,我沒有一個好的解決方案。 – Beska 2010-03-24 13:20:20

回答

1

如果你刪除逗號線61在你的源代碼? IE是非常annoid與錯誤的逗號。

function() { 
    new Cropper.Img (
     't3soeta', 
     { 
      minWidth: 200, 
      minHeight: 100, 
      ratioDim: { x: 200, y: 100 }, 
      displayOnInit: true, 
      onEndCrop: saveCoords, 
      onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 100 }, <--- 
     } 
    ) <--- 
} 

我不知道,因爲JavaScript不要求分號無處不在,但我個人已經把分號結束new聲明。

這有幫助嗎?

+0

感謝Chau,但它沒有工作.. – ziiweb 2010-03-18 14:15:06

+0

@ user248959:嘗試更正鏈接所引用版本中的錯誤。然後我可能會接近這個錯誤。 – Chau 2010-03-18 15:55:07

1

我找到了解決方案。它在IE7/8上運行良好。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<script src="scripts/prototype.js" type="text/javascript"></script> 
<script src="scripts/cropper.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8">'; 

    Event.observe (
    window, 
    'load', 
    function() { 
     new Cropper.ImgWithPreview(
      't3soeta', 
      { 
       minWidth: 300, 
       minHeight: 200, 
       ratioDim: { x: 300, y: 200 }, 
       displayOnInit: true, 
       onEndCrop: saveCoords, 
       onloadCoords: { x1: 0, y1: 0, x2: 300, y2: 200 }, 
       previewWrap: 'preview' 
      } 
     ) 
    } 
); 

function saveCoords (coords, dimensions) 
{ 
    $('x1').value = coords.x1; 
    $('y1').value = coords.y1; 
    $('width').value = dimensions.width; 
    $('height').value = dimensions.height; 
} 
</script>