要了解有關如何在 html 中編碼的更多資訊，我正在查看是否可以自己重新創建 Brave Coder 的批量電子郵件發件人。當我無法弄清楚時，我查看了他視頻中的代碼https://youtu.be/JhQONaHxLko。盡管我已將我的編輯編輯為幾乎相同，但我似乎無法將我的 Javascript 鏈接到 index.html。我有下面的截圖。
按下添加更多按鈕時，代碼應添加“至電子郵件”輸入框。它不作業。我檢查了顯示幕是否不作業，額外的盒子是否在其他盒子的后面，但事實并非如此。
有任何想法嗎？
app.js 的鏈接來源正確。它們位于底部的主體部分。我在頂部和頭部嘗試過，但沒有運氣。我不是很有經驗，所以我很難解決它。app.js 檔案的源代碼名稱恰好是“~/Email/app.js”，但它并沒有運行。js 本身可能有問題，但我檢查了每個角色，在視頻中我找不到我的和 Brave Coder 的區別，但他的作品很好。這使我認為它只是沒有呼叫該函式。
如果按鈕無法正常作業，則 div 類本身也可能有問題。但我很確定它的代碼是正確的。
我可能會過度看一些明顯的東西，我現在還不確定。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--CSS-->
<link rel="stylesheet" href="styles.css">
<title>Bulk Email Sender</title>
</head>
<body>
<div class= "wrapper">
<div class="alert">Test</div>
<form class="form">
<div class="input-box">
<input type="text" placeholder="name" class="input"
required/>
</div>
<div class="input-box">
<input
type="email"
placeholder="From :(email)"
class="input"
required/>
</div>
<div class="multiple-fields" id="multipleFields">
<div class="input-box">
<input
type="email"
placeholder="To:(email)"
class="input"
required/>
<button type="button" id="addMore" class="my-btn btn-sm">
Add More
</button>
</div>
</div>
<div class="input-box">
<input type="text" placeholder="Reply-to: (optional)"
class="input">
</div>
<div class="input-box">
<input type="text" placeholder="Subject: (First, Last)"
class="input" required>
</div>
<div class ="input-box">
<textarea class ="input"
placeholder= "message"></textarea>
</div>
<div class="input-box">
<input type="file" placeholder="file"
class="input">
</div>
<button
type="submit"
class="my-btn"
style="width: 100%; margin-top: 15px"
>
Send Mail
</button>
</form>
</div>
<!--jQuery-->
<script src="js/jquery.min.js"></script>
<!--App.js-->
<script src="Email/app.js"></script>
</body>
</html>
~/電子郵件/app.js
$(document).ready(function () {
$("#addMore").on("click", function() {
var html = `<div ><input type="email"
placeholder ="To:(email)" required /></
div>`;
$("#multipleFields").on("click", (html));
});
});
uj5u.com熱心網友回復：
我注意到您的 app.JS 檔案中的 JS 存在一些問題。這是我為讓它再次作業所做的主要調整。
我只是建議對多封電子郵件使用 CSV 或分號。在后端和資料庫中更容易使用。
[email protected];[email protected];[email protected]
[email protected],[email protected],[email protected]
$(document).ready(function() {
let emailCounter = 0;
$("#addMore").click(() => {
var html = `<div ><input name="email${emailCounter }type="email"
placeholder ="To:(email)" required /></
div>`;
$("#toEmails").append(html);
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--CSS-->
<link rel="stylesheet" href="styles.css" />
<title>Bulk Email Sender</title>
</head>
<body>
<div class="wrapper">
<div class="alert">Test</div>
<form class="form">
<div class="input-box">
<input type="text" placeholder="name" class="input" required />
</div>
<div class="input-box">
<input type="email" placeholder="From :(email)" class="input" required />
</div>
<div class="multiple-fields" id="multipleFields">
<div id="toEmails">
<div class="input-box">
<input type="email" placeholder="To:(email)" class="input" required />
<button type="button" id="addMore" class="my-btn btn-sm">
Add More
</button>
</div>
</div>
</div>
<div class="input-box">
<input type="text" placeholder="Subject: (First, Last)" class="input" required />
</div>
<div class="input-box">
<textarea class="input" placeholder="message"></textarea>
</div>
<div class="input-box">
<input type="file" placeholder="file" class="input" />
</div>
<button type="submit" class="my-btn" style="width: 100%; margin-top: 15px">
Send Mail
</button>
</form>
</div>
<!--App.js
<script src="Email/app.js"></script>
-->
</body>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/531521.html