在下面的代碼中，我將一些 js/jQuery 鏈接到我的 html 中的元素，這應該是不言自明的。我已經控制臺記錄了每個 if else 陳述句以查看問題所在，它似乎卡在第一個 if 陳述句上。
function toggleDisplay() {
var icon = document.getElementById("togglebutton");
var night_icon = 'assets/Feed_Toggle_Night.png'
var day_icon = 'assets/Feed_Toggle_Day.png'
$("displaytog").on("click", () => {
if (icon.src == night_icon) {
icon.src = day_icon;
console.log("success1");
}else {
icon.src = night_icon;
console.log("success2");
}
})
}
toggleDisplay();<displaytog>
<img src="assets/Feed_Toggle_Night.png" id="togglebutton"/>
</displaytog>uj5u.com熱心網友回復：
你不小心分配icon.src到night_icon。更改您的條件以檢查它們是否包含您的任何路徑。您需要使用的原因includes是因為 src 是完整路徑，而您的條件使用的是相對路徑。src 看起來像這樣 -"https://fiddle.jshell.net/_display/assets/Feed_Toggle_Day.png"
if (icon.src.includes(night_icon))
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/363320.html
標籤：javascript html 查询 jquery 事件