Question

在我的CSS中，我有一个名为hide的类，它应用于textarea。一旦点击一个按钮，我希望删除该类，但是当我点击按钮时，没有任何变化。如果我向按下按钮时触发的功能添加警报，那么我不确定为什么班级没有改变。我现在改为将其改为removeClass，但这不适用于unfortunatley。

（如果有人碰巧知道原因，CSS中的textarea内容也没有生效，但不过分重要）

HTML：

<button id="note1btn" data-role="button">Note #1</button>
<textarea id="note1input" class="hide" rows="10" cols="50"></textarea>

CSS：

#textarea {
    width: 100%;
    height: 100%;
    font: 1em arial;
    color: rgba(50, 82, 50, 1.0);
}

#textarea:focus {
    color: rgba(50, 82, 50, 1.0);
    border: 2px solid #96c56f;
    box-shadow: 0px 1px 1px #888888;
}

.hide {
    visibility: hidden;
    height: 1px !important;
    padding: 0px !important;
    margin: 0px !important;
}

JS：

$(document).ready(function () {
    note1btn.addEventListener("click", displayNote);

//DISPLAY NOTE
    function displayNote() {
        alert("TEST");
        $("note1input").removeClass("hide");
    }

});

Answer 1

你忘了添加＆＃39;＃＆＃39;在jquery选择器中改变这个

$("note1input").removeClass("hide");

进入这个

$("#note1input").removeClass("hide");

toggleClass错误 - 使用click事件用jQuery mobile隐藏类？

1 个答案: