功能.html()
在顯示項目時起作用。但是當我添加style="display:none"
時,那麼html()函數不會返回任何內容。有沒有解決這個問題的方法?謝謝?jQuery .html()不能與隱藏的div一起使用?
1
A
回答
6
它的工作,看到這個演示http://jsfiddle.net/jNLqA/
<div style="display: none">
<p>Test</p>
</div>
<pre></pre>
和
$('pre').text($('div').html());
0
似乎只是正常工作對我來說:http://jsfiddle.net/petersendidit/wgQpg/
1
這工作(顯示硬編碼):
<div id='blah' style="display:none">something</div>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
alert($('#blah').html());
});
</script>
所以這是否(與jQuery改變它):
<div id='blah'>something</div>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#blah').attr('style','display:none');
alert($('#blah').html());
});
</script>
這個工程太(改變它瓦特/ jQuery的另一種方式):
<div id='blah'>something</div>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#blah').hide();
alert($('#blah').html());
});
</script>
SOOO ...需要從更多信息/語境你
EDIT(UPDATE):基於您的評論
示例代碼......再次,這個工程:
<?php
class blah {
var $element_type;
var $content;
}
$field = new blah();
$field->element_type = 'div';
$field->content = 'something';
?>
<<?php print $field->element_type; ?> class="field-content accordionContent" style="display:none"><?php print $field->content; ?></<?php print $field->element_type; ?>>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
alert($('div').html());
});
</script>
也許在$ field-> content中有東西會破壞你的html?缺少結束標籤或報價或什麼?或者,也許你的jQuery選擇器不閃亮?你的選擇器是什麼樣的?
1
我想發佈在這裏,因爲我也發現.html將無法獲得隱藏元素的值,如果該元素比jQuery代碼更高的頁面。
如果我讓元素可見,那麼代碼按預期工作,或者如果我將元素移到jQuery下面,那麼它也可以工作。
這似乎是答案,至少對我而言。
所以最簡單的解決方法就是將jQuery代碼移動到隱藏元素上方,然後.html似乎可以在隱藏元素上工作。
這似乎是它可能是jQuery中的一個錯誤,因爲它是相當奇怪的行爲。 另外,如果我使用jQuery .hide方法來隱藏頁面加載的元素,然後顯示它,然後在獲取值之前顯示它,如果元素更高,仍然會失敗。
羅賓
0
我使用的ID時,有問題改爲類和所有工作的罰款
相關問題
- 1. ScrollLeft不能與隱藏的div一起使用
- 2. HTML DIV不能隱藏
- 3. HTML - DIV不隱藏
- 4. 隱藏div不起作用?
- 5. jQuery「隱藏」功能不起作用
- 6. jquery隱藏功能不起作用
- 7. 隱藏div與jQuery(長度選項)不起作用
- 8. 使用JQuery隱藏div - 不工作
- 9. Javascript div隱藏不起作用
- 10. jQuery隱藏div使用懸停顯示所有隱藏的div
- 11. 使用jQuery隱藏與另一個類相同的div?
- 12. Jquery-隱藏的div
- 13. jQuery隱藏和取消隱藏一個div的div
- 14. jQuery onclick不隱藏div
- 15. JavaScript不能與doctype html一起使用?
- 16. Javascript隱藏DIV HTML
- 17. 當使用GET表單時,jQuery隱藏功能不起作用
- 18. 隱藏和顯示的div使用jQuery
- 19. 檢查DIV是使用隱藏的jQuery
- 20. 使用jQuery與多個獨立div顯示/隱藏div
- 21. jQuery隱藏功能完成後的div
- 22. Javascript不能與jQuery UI一起使用
- 23. 淡入淡出隱藏的div與jquery
- 24. 顯示隱藏DIV與JQuery的
- 25. jquery move div後隱藏另一個div
- 26. 爲什麼我不能使用jquery顯示/隱藏Html TR?
- 27. jquery不能與物化選擇隱藏
- 28. 如何用jQuery隱藏div?
- 29. 用jQuery滾動隱藏div
- 30. 如何用jQuery隱藏div?
我認爲你是錯的。不管CSS如何,`html`函數都可以工作。 – tvanfosson 2011-02-03 01:38:01
這不是你的問題。你可以添加一些上下文,或者你正在使用的選擇器嗎? – meagar 2011-02-03 01:38:05