HTML 負載 jQuery function

Question

誰能幫我理解，為什么我無法使用 HTML（index.htm）加載我的 jQuery 函數（存儲在 script.js 中）

以下是以下代碼：

腳本.js

 $.get("./Components/head.htm", function(data) { $("head").append(data); }); $("#logo").on("error", function() { $(this).hide(); $("#name").show(); }); $("#search").keyup(function() { alert($(this).val()); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <:DOCTYPE html> <html lang="en"> <head> <title>SAM</title> <script src="https.//code.jquery.com/jquery-3.5.1.min.js"></script> <script src="./script.js"></script> </head> <body> <div id="header"> <div id="brand"> <img src="./Static/Logo.png" id="logo"> <h1 hidden id="name">SAM Store</h1> </div> <div> <input type="search" id="search" list="suggest"> <datalist id="suggest"> <option value="Laptop"></option> <option value="Mouse"></option> <option value="Keyboard"></option> <option value="Speaker"></option> <option value="Earphone"></option> </datalist> </div> <script> </script> </div> </body> </html>

[注意：如果我在 index.htm 中添加 $.get function 並使用它導入 script.js，則函數正在工作，但如果我在 index.htm 上引用 script.js 並導入 $.get function，它們將不起作用. 此外，在這兩種情況下，瀏覽器都能夠成功加載 script.js]

Answer 1

當您使用 jquery 時，始終將代碼加載到就緒語句中，否則它們將不會始終按時加載。

$( document ).ready(function() {

  $.get("Components/head.htm", function(data) {
    $("head").append(data);
  });

  $("#logo").on("error", function() {
    $(this).hide();
    $("#name").show();
  });

  $("#search").keyup(function() {
    alert($(this).val());
  });

});

HTML 負載 jQuery function

問題描述

1 個解決方案

解決方案1
0 已采納 2021-01-25 07:53:13

HTML 負載 jQuery function

問題描述

1 個解決方案

解決方案1 0 已采納 2021-01-25 07:53:13

解決方案1
0 已采納 2021-01-25 07:53:13