1. ホーム
  2. jquery

[解決済み] jQueryがfadeOutで動作しない

2022-02-04 14:10:59

質問

私はテスト目的でこのコードを取得しました、それは非常に単純ですが、私はデバッグのためにFirefoxでそれを開いたとき、それは動作しません、すべてがロードされ、正常に表示されます、それは非常に奇妙です、この上の任意のアイデア?.多くの感謝

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Hover Over effect jQuery</title>
    <link rel="stylesheet" href="css/style.css">
    <script type="text/javscript" src="js/jquery-1.10.2.min.js">
      jQuery(document).ready(function($) {
        $("img").click(function(event) {
          $(this).fadeOut('slow');
        });
      });
    </script>
  </head>
  <body>
    <div class="viewport">
      <a href="#">
        <img src="images/renew.jpg">
      </a>

      <div class="caption"><span>Caption goes here</span>
      </div>
    </div>
  </body>
</html>

解決方法は?

これを変更します。

<script type="text/javscript" src="js/jquery-1.10.2.min.js">

        jQuery(document).ready(function($) {
            $("img").click(function(event) {
                $(this).fadeOut('slow');
            });
        });

      </script>

これに

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">

        jQuery(document).ready(function($) {
            $("img").click(function(event) {
                $(this).fadeOut('slow');
            });
        });

      </script>

を使用して外部スクリプトを読み込むと src 属性の内容は無視されます。 <script> タグを使用すると、リクエストに成功した場合に 解決方法は簡単で、別のscriptタグを追加するだけです。


を削除する必要があります。 <html> の前にある <!DOCTYPE html> . 無意味であり、間違っている。また もし がドキュメント全体である場合は </html> を一番最後に記述します。