4

<a "href">ページが完全に読み込まれるまで、使用している画像を無効にする必要があります。

document.ready()ドキュメントの準備が整う前に を無効にする必要があるため、使用できません。

誰かがこれで私を助けてくれますか?

よろしく、 ガネーシュ

4

3 に答える 3

7

HTML で無効として定義します。

<button disabled="disabled">My Button</button>

そして、ページの読み込み時に再度有効にします。

これには、Javascript を使用しないユーザーにとって機能が損なわれるという欠点があります。もう 1 つの方法は、ボタンの直後に小さなコード行を追加することです。

<button id="myButton">My Button</button>

<script type="text/javascript">
    document.getElementById('myButton').disabled = true;
</script>

...そして、document.load() で再度有効にします

新しい情報で編集: 「画像」タイプですか
? inputその場合、上記は引き続き機能します。そうでなく、その<a>中に画像が含まれるタグである場合、受け入れられた回答が示唆することを行うことはお勧めしません。申し訳ありません。ページの読み込みに時間がかかりすぎてリンクを無効にする必要があることを考えると、最後に突然画像が表示されると、非常にイライラしたり気が散ったりする可能性があります. 代わりに私が提案するのはこれです：

<a href="whatever" onclick="return myLinkHandler();"><img src="..." /></a>
<script type="text/javascript">
    var myLinkHandler = function() {
        alert('Page not loaded.');  // or something nicer
        return false;
    };
</script>

次に、document.ready 関数で、関数の定義を変更します。

myLinkHandler = function() {
    alert("Yay, page loaded.");
    return true;
};

または、関数内にチェックを入れて、ページが読み込まれたかどうかを確認することもできます。

var documentReady = false;
function myLinkHandler() {
    alert (documentReady ? "Ready!" : "Not ready!");
    return documentReady;
}

document.onload = function () { // or use jQuery or whatever
    documentReady = true;
};
于 2009-04-09T04:34:18.820 に答える
5

<img>画像の場合は、タグ でスタイルを display:none に設定し、他の提案を使用して CSS 属性を削除するか、変更します。

$(document).ready(function(){ $("#myImage").css("display","block"); });

このようにして、ドキュメントの準備が整い、ユーザーがクリックできるようになるまで、画像は表示されません。余分な距離を移動する必要がある場合は、他の提案に従って、タグ内のリンクも非表示/無効にし、jQuery を使用して表示/有効にします。

于 2009-04-09T05:00:33.283 に答える
2

jQuery を使用した完全なコード サンプル:

<input type="button" value="My Button" id="mybutton" disabled="disabled" />
<script type="text/javascript">
  $(document).ready(function() { $('#mybutton').removeAttr('disabled'); });
</script>
于 2009-04-09T04:37:08.050 に答える