1

重複の可能性:
onload javascript イベントをサポートする html タグは?

Facebox スタイルで同じページを読み込もうとしているページがonmouseoverあり、そのページにリンクを配置してホバーすると正常に動作しますが、試してみるとonloadイベントがトリガーされません。

これが私のonmouseoverイベントです：

<a id="curpo" onmouseover="$.image({ ajax: \'http://way2enjoy.com/jquery/threadpreview/'.$thread['id'].'\' });return false;" 
    class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge">
    <span id="thumbback" class="uiMediaThumbWrap">
        <img src="http://way2enjoy.com/files/icons/priview.png"></span></a>

これは問題なく機能しますが、以下のコードは機能しません。

<a id="curpo" onload="$.image({ ajax: \'http://way2enjoy.com/jquery/threadpreview/'.$thread['id'].'\' });return false;" 
    class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge">
    <span id="thumbback" class="uiMediaThumbWrap">
        <img src="http://way2enjoy.com/files/icons/priview.png"></span></a>

これが実際の例です: http://way2enjoy.com/forums/viewthread/406828

赤い文字のすぐ下 ミュージック ビデオ オンライン ユーザーを聞く 写真
の拡大鏡またはズーム アイコンは、カーソルをその上に置いたままにすると表示されますが、ページは表示さonloadれmouseoverませonloadんonmouseover。

4

2 に答える 2

2

onloadイベントは要素aで発生しません。これが機能しない理由です。onload は主にbody要素に使用されます。a 要素が表示された直後にコードを実行したい場合は、次のように script タグをその後に置いてみてください。

<a id="curpo" class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge"><span id="thumbback" class="uiMediaThumbWrap"><img src="http://something.com/files/icons/priview.png"></span></a>   
<script type="text/javascript">
    $("#curpo").image({ ajax: 'http://something.com/jquery/threadpreview/<?php echo $thread['id']?>' });
</script>
于 2013-01-25T18:43:13.470 に答える
1

Onload イベントはアンカー要素には適用されません。以下のタグでサポートされています

<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, 
<link>, <script>, <style>
于 2013-01-25T18:44:34.357 に答える