0

我将 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 控制台显示没有错误。

4

1 回答 1

3

这看起来是因为在执行 javascript 时，img文档中只加载了那个。尝试在页面加载时执行 JS

$(function(){
  $("img").hover(function() {
        alert("Hello World!");
  },function() {
  });
});
于 2013-07-09T16:05:06.093 回答