JavaScript 什么也不做

Question

这个问题已经有答案了:

javascript <script> tag - code execution before src download (4 个回答)

已关闭 8 年前。

我对 JS 很陌生，当鼠标悬停在图像上时尝试进行放大时，JavaScript 完全没有执行任何操作。

我正在尝试以下脚本:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
    $(function(){
        $(".image").mouseover(function()
            {
                $(this).css("cursor","pointer");
                $(this).animate({width: "500px"});
            }
        );

        $(".image").mouseout(function()
          {   
                $(this).animate({width: "250px"}, "slow");
          }
        );


   });

</script>

我想应用它的 html 是:

<div id="main">
    <div id="title">
        <h1 class="fila1">RAINBOW BIDDING MONTHLY REPORT</h1>
    </div>
    <div id="img1" class="align">
        <img class="imagen1" SRC="URL1" />
    </div>

    <div id="img2" class="align">
        <img class="image" SRC="URL2" />
        <img class="image" SRC="URL3" />
    </div>


</div>

由于业务安全问题，我已删除了这些图片的 URL。

任何帮助将不胜感激!

Answer 1

您不能在同一标记内混合使用“内部”和“外部”JavaScript。

替换...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
  $(function(){

与...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script type="text/javascript">
  $(function(){