1

可能重复:
哪些 html 标签支持 onload javascript 事件?

我有一个页面,我试图在 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.. 与您进行测试需要在 Firebugmouseover中更改为onloadonmouseover

4

2 回答 2

2

onload事件不会在a元素上触发,这就是它不起作用的原因。onload 主要用于body元素。如果您想在显示 a 元素后立即运行一些代码,请尝试在其后放置一个脚本标记,如下所示:

<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 回答