2011-10-03 58 views
-1

我有一個奇怪的問題,我正在處理一個項目的一些jQuery代碼。我必須建立一個後端系統,但它必須在IE7中爲公司的客戶關懷部門工作。Jquery val()doens't在隱藏的領域工作

我有一個圖像插件在系統中,你可以recrop圖像。 當你這樣做,這段代碼會產生

<input id="imagewidth_large" type="hidden" value="640" name="imagewidth_large"> 
<input id="imageheight_large" type="hidden" value="360" name="imageheight_large"> 
<input id="imagewidth_xlarge" type="hidden" value="640" name="imagewidth_xlarge"> 
<input id="imageheight_xlarge" type="hidden" value="270" name="imageheight_xlarge"> 
<input id="imagewidth_list" type="hidden" value="360" name="imagewidth_list"> 
<input id="imageheight_list" type="hidden" value="270" name="imageheight_list"> 
<input id="imagewidth_grid" type="hidden" value="270" name="imagewidth_grid"> 
<input id="imageheight_grid" type="hidden" value="270" name="imageheight_grid"> 
<input id="imagewidth_grid_wide" type="hidden" value="230" name="imagewidth_grid_wide"> 
<input id="imageheight_grid_wide" type="hidden" value="135" name="imageheight_grid_wide"> 
<input id="orgwidth" type="hidden" value="1224" name="orgwidth"> 
<input id="orgheight" type="hidden" value="1632" name="orgheight"> 
<input id="orgpath" type="hidden" value="../../uploads/images/tmp/4e89d17443230.jpg" name="orgpath"> 
<input id="targetfile" type="hidden" value="../../uploads/images/tmp/4e89d17443230.jpg" name="targetfile"> 
<input id="crop_width" type="hidden" value="1224" name="crop_width"> 
<input id="crop_height" type="hidden" value="688.5" name="crop_height"> 
<input id="crop_rat" type="hidden" value="0.5228758169934641" name="crop_rat"> 
<input id="crop_x" type="hidden" value="0" name="crop_x"> 
<input id="crop_y" type="hidden" value="0" name="crop_y"> 
<input id="source" type="hidden" value="other" name="source"> 
<input id="croppedimage" type="hidden" value="" name="croppedimage"> 

這個代碼是一些參考字段(插件是一個小跟頭的擴展版本)

我的問題是,在我的代碼你可以按recrop按鈕,打開recropper並生成一些代碼。在此代碼中,他調用並設置這些輸入字段的值。

問題是我無法設置字段的讀取值。

$("#imagewidth_large").val(); 

這將返回undefined

$("#imagewidth_large").val(500); 

該好好嘗試一下做任何事情。

謝謝

+0

這只是在IE7上失敗? – maxedison

+2

在這個jsFiddle中可以正常工作:http://jsfiddle.net/jfriend00/erAwE/。無論它是否正常工作,您都沒有意識到,或者您的代碼/ HTML中還有其他問題沒有告訴我們。您是否生成多個這些HTML塊?您不能擁有多個具有相同ID的對象。 – jfriend00

+0

你有一個在線的例子嗎?你試圖訪問'$(document).ready(function(){'或'$(function(){')什麼是'console.log($('#imagewidth_large')。val()) ;'回報 – ChrisH

回答

2

您的HTML和jQuery代碼應該能夠讀取val()。看看這裏:

http://jsfiddle.net/hZJVj/

+0

感謝的問題是,我也 #imagewidth_large 例如 $( 「#集裝箱#imagewidth_large」)之前做了一個id幾個電話VAL() 它。看起來像它不支持 – jeroenjoosen

+0

@joose那麼它現在爲你工作嗎?也許你有一些破碎的JavaScript代碼,不允許這部分執行。你可以發佈你的代碼嗎? –

+0

我解決了它。我只需要r val()to $(「#container」)。find(「#imagewidth_large」)。val() – jeroenjoosen