Czy ktoś może mi pomóc? Napisałem prosty kod w JavaScript i nie działa z jakiegoś powodu. Próbowałem dowiedzieć się, ale nie mogę zobaczyć dlaczego. Pobrałem jQuery i wszystko jest w porządku, a także próbowałem tylko kodu javascript i wciąż problemu. Przeglądarka jest OK Load Jquery i JavaScript w pliku, który zrobiłem wcześniej, ale nie ładuje się na tym.

<!DOCTYPE html>
    <html>
    <head>
        <title>Proba</title>
        <script src="jquery-3.3.1.js">
            $('#btn').click(function f() {
                console.log(1);
            });
        </script>
    </head>
    <body>
    <button id="btn">Click</button>
    </body>
    </html>
-1
nafets mixy 2 czerwiec 2018, 04:27

3 odpowiedzi

Najlepsza odpowiedź
<head>
  <title>Proba</title>
</head>

<body>
  <button id="btn">Click</button>

  <script src="jquery-3.3.1.js"></script>
  <script>
      $(document).ready(function(){
       $("#btn").click(function(
        console.log(1);
       ))
      })
  </script>
</body>

Spróbuj tak :)

0
MladenB 2 czerwiec 2018, 01:39

Jesteś wiązaniem obsługiwania obsługi zdarzeń, zanim przeglądarka była w stanie przeanalizować HTML. Element #btn nie jest jeszcze w domu w tym momencie.

Wrapjesz kod wewnątrz document.ready lub przesuń skrypt na dole znacznika {x1}}.

1st podejście

<head>
  <title>Proba</title>
  <script src="jquery-3.3.1.js"></script>
  <script>
    $(function() {
      $('#btn').click(function f() {
        console.log(1);
      });
    });

  </script>
</head>

<body>
  <button id="btn">Click</button>
</body>

2nd podejście

<head>
  <title>Proba</title>
  <script src="jquery-3.3.1.js"></script>
</head>

<body>
  <button id="btn">Click</button>

  <script>
      $('#btn').click(function f() {
        console.log(1);
      });
  </script>
</body>
0
Sushanth -- 2 czerwiec 2018, 01:34

Czy zweryfikowałeś "jQuery-3.3.1.js" naprawdę istnieje w bieżącym katalogu? Spróbuj zamiast tego ładować skrypt za pośrednictwem znanego gospodarza, podobnie jak google:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edytowany : Dodano kod roboczy. Uwaga Sprawdzanie przycisku należy wykonać, gdy dokument został w końcu załadowany.

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

<script>
  $(document).ready(function(){ 
   $("#btn").click(function() {
    console.log(2);
   });
  })
 </script>
</head>

<body>
 <button id="btn">Click</button>
</body>
</html>
0
Nicolás NC 2 czerwiec 2018, 01:56