2012-09-20 75 views
0

我正在使用Jcrop jQuery在MVC3應用程序中裁剪圖像。Jquery只在IE中的F5加載後才加載

以下是我的JavaScript功能:

jQuery(function ($) { 
    $('#imgLab').Jcrop(
     { 
      onChange: showCoords, 
      onSelect: coordsSelected, 
      onRelease: clearCoords 
     } 
     ); 
}); 

圖片ID是 'imgLab'。

<img id="imgLab" src="@ViewBag.ObjLabTypeMaster.TopologyImagePath" alt="Lab" width="500" height="450" /> 

圖片src路徑來自數據庫。

現在,這可以在FF,Safari和Chrome中正常工作。 在IE中它只在按F5後才起作用。 任何人都可以告訴我代碼中出了什麼問題嗎?

回答

0

必須設置AllowSelect:真爲IE

jQuery(function ($) { 

     $('#imgLab').Jcrop(
     { 
      allowSelect: true, 
      //onChange: showCoords, 
      //    onSelect: coordsSelected, 
      onRelease: clearCoords, 
      onDblClick: opendetails 
     }, function() { 
      Jcrop_Api = this; 
     }); 
}); 
0

你可以嘗試加入 '延遲' 到你的腳本標籤:

<script defer> 
    // Your code 
</script> 

或者,你可以嘗試等待,直到DOM準備就緒:

$(document).ready(function(){ 

    $('#imgLab').Jcrop({ 
     onChange: showCoords, 
     onSelect: coordsSelected, 
     onRelease: clearCoords 
    }); 

}); 

心連心

+0

我想這兩個選項,但沒有運氣。 – khushi

-1

我不不知道,但你可以嘗試這一點,如果它不工作更好,爲什麼你不忽略IE瀏覽器,並說該網頁是不是在IE瀏覽器或所有功能的不可用,或者如果你可以自動重新加載頁面人是使用IE

<script> 
     $(document).ready(function() { 
      $('#imgLab').Jcrop(function() { 
       onChange: showCoords, 
       onSelect: coordsSelected, 
       onRelease: clearCoords 
      }); 
     }); 
</script> 

並以自動重載頁面使用下面的代碼,

<meta http-equiv="refresh" content="30" /> 
<!-- content being the secounds before reload --> 

我敢肯定,你可以添加或不符合一些PHP代碼添加它。

+0

它正在工作,但它會在每30秒後重新載入頁面,這是我不想要的。 – khushi

+0

那麼,如果你使用我發給你的第一個代碼,你不應該需要第二個代碼,但如果我的第一個代碼不工作,你可以嘗試使用第二個代碼,儘管你必須改變「內容」值到「1」或「0」之類的東西。但就像我說,如果它與第一個代碼一起工作,你不需要第二個代碼 –

相關問題