35065


画面のボタンを押して「JS練習.js」を参照して処理を走らせたいのですが上手くいきません。  
どう修正したらいいのでしょうか。  
htmlファイルと同じフォルダの中に「JS練習.js」は入れてあります。

[code]

    【htmlファイル】
    <!DOCTYPE html>
    <html lang="ja">
    <head>
      <meta charset="utf-8">
      <title>あいうえお商店</title>
    
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link type="text/css" rel="stylesheet" href="css/bootstrap-timepicker.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <script type="text/javascript" src="js/bootstrap-timepicker.min.js"></script>
      <script type="text/javascript" src="JS練習.js"></script>
    
      <body>
       <div class="container">
        <header>
          <p>あいうえお</p>
        </header>
        <a class="btn btn-primary btn-block" id ="target" href="#">Aボタン</a>
        <a class="btn btn-primary btn-block" id ="abc" href="#">Bボタン</a>
      </div>
    </body>
    </html>
    
    【JS練習.js】
    $('#target').click(function() {
        var num ="12345";
        $("#abc").click();
        $(this).slideUp();
    });
    $("#abc").click(function() {
        $(this).slideUp();
    });
    
[/code]


CC BY-SA 3.0
2017-05-27T05:48:18.887
35063
2017-05-27T06:24:00.110
17348
question
javascript html5
JSファイルが参照できない。


htmlのidに不要なスペースがありますので、まずはそこから取り除きましょう。

[code]

    例)
    id ="target" → id="target"
    
[/code]

それでも解決しない場合は、日本語でのファイル名をアルファベットに変えてみてください。  
基本的に、日本語でのファイルはサーバー環境以外にも、依存性が高いため、認識されない場合があります。  
必要じゃない限り、英語などの単語を利用して、アルファベットでファイル名を指定しましょう。


CC BY-SA 3.0
2017-05-27T06:09:44.637
35064
2017-05-27T06:09:44.637
23135
35063
answer


jqueryが動作準備できてからJS練習.jsの内容が動くように$(function (){ }); で囲む必要があります。

[code]

    $(function (){
        $('#target').click(function() {
            var num ="12345";
            $("#abc").click();
            $(this).slideUp();
        });
        $("#abc").click(function() {
            $(this).slideUp();
        });
    });
    
[/code]


CC BY-SA 3.0
2017-05-27T06:24:00.110
35065
2017-05-27T06:24:00.110
22793
35063
answer