0

我有图片可以选择日期。我想在表单加载时隐藏它们。 

<div id="readOnly">
<table>
<td>
<input id="date" class="date hasDatepicker" type="text" name="date" maxlength="10"      size="10" readonly="">
<img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="...">
</td>
</table>
</div>

我的javascript在firebug“控制台”中工作以进行测试；但在表单加载时，它并没有隐藏 img（日期选择器）。

$('div[id^="readOnly"]').find("img").hide();

试过了

var v= $('div[id^="readOnly"]').find("img");
$(v).hide();

它不适用于表单加载；但此脚本适用于“Firebug 'console' Run

4

4 回答 4

0 
$(document).ready(function(){
    $( '#readOnly' ).find('img').each(function(){    
       $(this).css('display','none'); 
    });
});

这是一个有效的 JSFiddle

http://jsfiddle.net/QR2wE/5/

于 2013-01-24T20:40:00.257 回答
0

我会看看这个问题 Call function after document and image load

使用 jQuery 的文档就绪功能并不能保证图像在页面中呈现。

$('div[id^="readOnly"]').find("img").load(function(){
   //hide your image
})
于 2013-01-24T20:57:05.787 回答
0

确保在文档准备好后运行它：

     $(document).ready(function(){

            $('div[id^="readOnly"]').find("img").hide(); 

            //or just:
             $("img","#readOnly").hide();

});

该ready函数确保脚本在 DOM 准备好并加载后运行

于 2013-01-24T20:22:52.340 回答
0

应该是你所需要的：

$("#readOnly img").hide();

jsFiddle

于 2013-01-24T20:41:49.327 回答