HTML，javascript和jQuery - 初學者

我剛開始學習HTML，JavaScript和jQuery，但我無法將這三者連接在一起。到目前爲止，我所做的是： HTML文件：HTML，javascript和jQuery - 初學者

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <script type="text/javascript" src="test.js"></script> 
    <link rel="stylesheet" href="test.css" type="text/css"/> 
</head> 
<body> 
    <button class="alert-btn">Click me for alert</button> 
</body>

JavaScript文件：

$(".alert-btn").click(function(){ 
    alert("Hey there!"); 
});

因此，大家可以看到，我試圖把鏈接中的頭部html文件，但它不起作用。我做錯了什麼，或者我需要添加什麼？

來源

2016-08-16 Anon Ymous

是您的test.js文件中的JavaScript？ –

如果你想與HTML交互（在你的情況下通過分配一個點擊處理程序），你應該等到HTML完全加載。您可以通過將所有JS代碼包裝在'$（document）.ready（...）'中來實現這一點'請參閱：https：//learn.jquery.com/using-jquery-core/document-ready/ –

也許您的路徑到javascript文件是不正確的。看看這裏，它工作正常：https://jsfiddle.net/ovc6p0kq/2/ –

如果代碼：

$(".alert-btn").click(function(){ 
    alert("Hey there!"); 
});

是文件中的DOM元素加載後test.js你應該加載此文件：

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <link rel="stylesheet" href="test.css" type="text/css"/> 
</head> 
<body> 
    <button class="alert-btn">Click me for alert</button> 
    <script type="text/javascript" src="test.js"></script> 
</body>

來源

2016-08-16 14:56:37

這工作得很好。非常感謝你。 –

我肯定會用`$（文件）。準備好（...）在標題中。

來源

2016-08-16 14:58:02 sgr0691

HTML，javascript和jQuery - 初學者

回答

相關問題