无法从崇高文本中的html访问javascript代码

对于在线课程，我必须制作一个使用jQuery和JavaScript的网页。我添加了JavaScript代码，这样当我点击网页上的一个按钮并显示“START”文本时，它应该会消失，但是我的网页却没有这样做。无法从崇高文本中的html访问javascript代码

HTML代码：

<head> 
    <link rel = 'stylesheet' type = 'text/css' href = 'memory_game.css'> 
    <script src="C:\Users\Fabian\Documents\sublime\jquery-3.2.1.min"></script> 
    <script type="text/javascript" src="memory_game.js"></script> 
    <title>Concentration - Memory Game </title> 

    <div class = headings> 
     <h1>CONCENTRATION </h1> 
     <h2>The shnazzy, feature-packed memory game! </h2> 
    </div> 

</head> 

<body> 

    <div class = 'rules'> 
     <p>RULES: </p> 
      <ol> 
       <li>The game consists of 16 cards on a 4 by 4 grid </li> 
       <li>Initially, the cards will be faced up for a short period of time and, and will consist of 8 pairs, each with both cards having the same symbol </li> 
       <li>Once these cards are faced back down, your objective is to try and remember which cards contained matching symbols</li> 
       <li>Once you click one card, guess which one is paired with the card you just clicked, and if you get it correct, your score goes up by 1 </li> 
       <li>If you guess a pair incorrectly, the two cards you click will be faced back down </li> 
       <li>When you find all matching pairs, you win, and you get the option to play again </li> 
       <li>Your performance rating at the end of the game will be a star rating of 1 to 3, which will be based on how many incorrect guesses you make, and how long it takes for you to win the game, for a timer will be shown during the game </li> 
      </ol> 
    </div> 

    <div class = 'grid'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 
     <img src = 'https://balancebest.co.uk/33349-home_default/flutter-fetti-orange-block-2.jpg' alt = 'block'> 

    </div> 

    <div id = 'startButton'> 
     <button>START</button> 
    </div> 

    <div id = 'reStartButton'> 
     <button>RESTART</button> 
    </div> 

    <div id = 'score'> 
     <p>SCORE: </p> 
    </div> 

</body>

JavaScript代码：

$('#startButton').click(function() { 
    $('##startButton').hide(); 
});

无需担心CSS，因为它只是JavaScript和HTML的后顾之忧关于。

如果您有任何建议，请回复此问题。

谢谢

来源

2017-08-30 Brandon Marks

首先，在的document.ready事件处理包裹jQuery代码（'$（函数（）{/ *你的代码在这里...... * /}）;'）。其次，'## startButton'不是选择器 - 而是使用'＃startButton'。最后，仔细检查控制台，因为浏览器可能阻止你从本地文件系统加载JS文件 –

没关系，我想通了，谢谢 –

##startButton不选择任何元素，所以JS代码应该是

$('#startButton').click(function() { 
    $('#startButton').hide(); 
});

来源

2017-08-30 18:56:32 SuperStormer

无法从崇高文本中的html访问javascript代码

回答

相关问题