CSS textarea不會隱藏在Firefox 12中，但它可以在IE9和Chrome中工作

我有一個textarea，它不會隱藏使用Firefox 12，但它隱藏在IE9和Chrome中。CSS textarea不會隱藏在Firefox 12中，但它可以在IE9和Chrome中工作

textarea有一個按鈕，當我點擊這個按鈕時它會自動顯示textarea。

這是我的代碼。

<div id="data"> 
    <div id="data-inner"> 
     <i>Loading...</i> 
    </div> 

    <fieldset id="standalone-data-set"> 

     <div> 
      <textarea id="standalone-data" name="standalone-data"></textarea> 
     </div> 

     <div class="clearfix"--> 
      <input id="save-data" class="data-button" type="button" value="Confirm" /> 
      <input id="cancel-data" class="data-button" type="button" value="Cancel" /> 
     </div> 

    </fieldset> 

    <input id="add-data" class="data-button" type="button" value="Add Data" /> 
</div>

這裏是我的CSS代碼

#standalone-data-set {height: 0px; overflow: hidden;} 
#standalone-data {margin: 0 !important; height: 200px !important; width: 880px !important;} input.data-button {font: 100%/25px Tahoma, Verdana, Trebuchet MS, Sans-Serif; float: left !important; margin: 15px 20px 0 0 !important; width: auto !important; padding: 0 20px 2px 20px; height: 25px;} 
#add-data {float: none !important;} 


<script language=javascript> 
$('#save-data').click(function() { 
var data = $('#standalone-data').val(); 
$('input[type=submit], input[type=button]').attr('disabled', 'disabled'); 
$.post($.getAjaxUrl('userAction', 'CreateRequestData', { 'requestDataID' : data.requestDataID }), { 'data' : data }, function(data) { 
data = $.parseJSON(data); 
if (data.error == true) { 
alert(data.response); 
} else { 
$('#cancel-data').click(); 
$('#data-inner').getRequestData(data.requestID); 
} 
$('input[type=submit], input[type=button]').attr('disabled', ''); 
}); 
return false; 
}); 


$('#cancel-data').click(function() { 
if ($.client.os != 'an unknown OS') { 
$('#standalone-data-set').animate({ 
height: '0px' 
}, 100, function() { 
$('#add-data').show(); 
}); 
return false; 
} else { 
$('textarea#standalone-data').val(''); 
} 
}); 

$('#add-data').click(function() { 
$('#add-data').hide(); 
$('#standalone-data-set').animate({ 
height: '290px' 
}, 100, function() { 
if (data.CEditor == undefined) { 
data.CEditor = $('textarea#standalone-data').tinymce(data.EditorsConfig); 
} 
$('textarea#standalone-data').val(''); 
}); 
return false; 
}); 
</script>

希望任何人都可以闡明如何使textarea的隱藏的解決方案。非常感謝。

來源

2012-10-29 webdev.gk

你能發佈試圖隱藏它的javascript代碼嗎？甚至，更好地創建一個演示問題的功能jsfiddle？ – sphair

@sphair我用javascript代碼更新了這個問題。謝謝。 –

它真的讓我想到的一件事是，它可以在IE9和Chrome中運行。它適用於較低版本的FF，但FF12有問題。 –

你可以嘗試在div中包裝textarea，而不是隱藏該div。

來源

2012-10-29 10:39:03 thevasya

CSS textarea不會隱藏在Firefox 12中，但它可以在IE9和Chrome中工作

回答

相關問題