我不知道为什么我的JS函数不会触发。切换功能有效，但showme功能无效。没有控制台错误，所以我不确定如何调试。
尝试将其分为两部分：1）单击字段和菜单显示2）单击菜单和切换按钮显示
完整的代码在这里：https : //jsfiddle.net/ericaheinz/cjhxzmn6/4/
这是我的js函数：
function showme() {
alert("Woo!");
var y = document.getElementById("why1");
y.style.display = "none";
var z = document.getElementById("love1");
z.value = "Title 1";
}
function toggle(button) {
button.classList.toggle("is-on");
}
我看到一个控制台错误，提示未定义“ showme”（也未定义切换）。我认为这是因为javascript将被添加到HTML下方的页面。
如果将其添加到HTML上方的jfiddle中的HTML窗口中，它将可以正常工作：
<script>
function showme() {
alert("Woo!");
var y = document.getElementById("why1");
y.style.display = "none";
var z = document.getElementById("love1");
z.value = "Title 1";
}
</script>
编辑：问题是，仅当焦点位于输入上时才显示按钮，因此，一旦您尝试单击按钮，它们就会被隐藏。
这有点hacky，但是您可以添加：
.multipart__menu:hover {
display: block;
}
这样可以确保在您尝试单击按钮时该按钮不会消失。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句