javascript - onload 不工作但 onmouseover 工作

标签 javascript jquery jquery-events

<分区>

Possible Duplicate:
What html tags support the onload javascript event?

我有一个页面,我试图在 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 到 Firebug 中的 onmouseover

最佳答案

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>

关于javascript - onload 不工作但 onmouseover 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14528295/

相关文章:

javascript - 如何获得下一个验证日?添加天数不起作用

javascript - 将引导日历附加到 div 上而不是主体上

javascript - 触发父级的点击事件但阻止子级的点击事件

jquery - 用 AND 将两个函数组合起来

html - 捕获 div focusout

javascript - 组件的值未更新

jquery - Bootstrap 3.3 从嵌套链接中隐藏导航栏

javascript - 关于值(value)变化的启动事件

javascript - Jquery 克隆和重命名输入字段

javascript - 动态添加长度为 0 的 div?