我将 javascript 代码直接添加到 html 中,因此您可以看到我做错了什么。
该警报仅适用于 div class='sandbar-one' 中的 img,其他任何地方都没有。
html 输出如下所示:
<html>
<head> … </head>
<body>
<div class="header">
<div class="sandbar">
<a style="display:block" href="/">
<div class="sandbar-logo">
<div class="sandbar-one">
<img width="300" src="/assets/123456.png" alt="123456"></img>
</div>
</div>
</a>
<div class="sandbar-left"> …
</div>
</div
<div class="navbar navbar-inverse navbar-fixed-top"> … </div>
</div>
<div class="content" data-target="#sidenavbar" data-spy="scroll">
<div class="container-fluid">
<div class="row-fluid">
<div class="span3"> … </div>
<div class="span9">
<script>
$("img").hover(function() {
alert("Hello World!");
},function() {
})
</script>
<img src="/assets/123456.png" alt="123456"></img>
...
哈姆文件:
:javascript
$("img").hover(function() {
alert("Hello World!");
},function() {
});
= image_tag("/assets/123456.png")
我在 Firefox 和 Safari 中进行了测试。Web 控制台显示没有错误。