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

あなたが必要とするすべてであるべきです：

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

jsフィドル

于 2013-01-24T20:41:49.327 に答える
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 
$(document).ready(function(){
    $( '#readOnly' ).find('img').each(function(){    
       $(this).css('display','none'); 
    });
});

ここに作業中のJSFiddleがあります

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

于 2013-01-24T20:40:00.257 に答える