使用jQuery在窗體上隱藏圖像

我有圖像可以選擇日期。我想在表單加載時將它們隱藏起來。使用jQuery在窗體上隱藏圖像

<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「Console」中用於測試;但在表單加載它沒有隱藏img（日期選擇器）。

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

試圖

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

它不工作的形式負荷;但這個腳本在「運行

來源

2013-01-24 user1769790

Firebug的‘控制檯’工作確保在運行此之後文件已準備就緒：

 $(document).ready(function(){ 

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

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

});

的ready函數確保腳本運行後的DOM準備和加載

來源

2013-01-24 20:22:52 YardenST

沒有工作正在尋找一些其它替代方案來消除這些圖像 – user1769790

它不工作，http://codepen.io/yardenst/pen/xskoD確保你不要忘了將jQuery加載到 – YardenST

頁我有多個div與readonly_1 readOnly_2等，所以我使用id =^readOnly – user1769790

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

這裏是一個工作的jsfiddle

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

來源

2013-01-24 20:40:00 Red2678

PS - 我會使用文檔就緒事件與onLoad事件。爲什麼要等待圖像加載以隱藏它們（就像onLoad那樣）？ – Red2678

只是好奇，如果你試過這個？ – Red2678

應該是所有您需要：

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

jsFiddle

來源

2013-01-24 20:41:49 areich

我會看看這個問題 Call function after document and image load

使用jQuery的文檔準備功能不能保證圖像渲染在頁面中。

$('div[id^="readOnly"]').find("img").load(function(){ 
    //hide your image 
})

來源

2013-01-24 20:57:05 Albinoswordfish

使用jQuery在窗體上隱藏圖像

回答

相關問題