私のコードでは私のjQueryはまったく動作しません

-1

最近私のjQueryが外部ファイルで動作しない理由を理解しようとしています。私のjQuery自体は問題ないと思われますが、ファイルを持つ何かがそれを台無しにしています。ここに私のコードは次のとおりです。私のコードでは私のjQueryはまったく動作しません

HTML：

!DOCTYPE html> 
<html> 
    <head> 
     <title>Something</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body> 
    <div id="something">Hi</div> 
    </body> 
</html>

jQueryの：あなたはjavascriptのコンテンツを書くのです

$(document).ready(function(){ 
$('#something').click(function(){ 
    $('#something').fadeOut('slow'); 
}); });

出典

2017-03-26 Michael Stavreff

あなたのHTMLページにそれのためのスクリプトやリンクを追加する必要があります！ –

JavaScriptで読み込んでいますか？共有したHTMLに別の '

コードは正常に動作します。 jQueryのlibが正しく追加されていることを確認してください。

$(document).ready(function() { 
 
    $('#something').click(function() { 
 
    $('#something').fadeOut('slow'); 
 
    }); 
 
});

#something { 
 
    height: 100px; 
 
    width: 100px; 
 
    padding:10px; 
 
    box-sizing:border-box; 
 
    background-color: #efefef; 
 
    color: #000; 
 
    display:flex; 
 
    justify-content:center; 
 
    align-items:center; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="something">Fade out</div>

出典

2017-03-26 05:57:19

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Something</title> 
     <script src="jquery3.2.0.min.js"></script> 
     <link rel='stylesheet' type='text/css' href='something-css.css'/> 
    </head> 

    <body> 
    <div id="something">Hi</div> 
    <script> 
     jQuery(document).ready(function(){ 
      jQuery('#something').click(function(){ 
       jQuery('#something').fadeOut('slow'); 
      }); 
     }); 
    </script> 
    </body> 
</html>

出典

2017-03-26 05:57:46 kishan

私のコードでは私のjQueryはまったく動作しません

関連する問題