Question

我一直在浏览堆栈溢出的答案，我无法在代码中找到错误。

我正在尝试使用javascript为我的评论部分创建一个切换功能（显示为输入表单），因此它会根据按钮单击隐藏/显示。这是我的代码：

$("<button />", {
    "class": "btn btn-primary",
    "text": "Show Comments",
    "on-click": "showhidecomments()"
}).appendTo(wrapper);

$("form />",{
    "class": "comment-sec",
    "placeholder": "Add comments here",
    "input type": "text",
    "input type": "submit",
    "display": "none"
}).appendTo(wrapper);

// Show/hide comment box with input fields
var showhidecomments = function () {
('.comment-sec').toggle();

};

我一直在控制台上遇到的错误是：未捕获TypeError：对象.comment-sec没有方法'切换'

我认为我没有使用切换错误 - 为什么这会导致对象错误？

Answer 1

您缺少$

var showhidecomments = function () {
    $('.comment-sec').toggle();
//  ^ missing here
};

还有一些问题，比如

$("<button />", {
    "class": "btn btn-primary",
    "text": "Show Comments",
    "onclick": "showhidecomments()" //should be onclick
}).appendTo(wrapper);

//it should be <form> not form>
$("<form />", {
    "class": "comment-sec",
    "display": "none"
}).hide().appendTo(wrapper);

演示：Fiddle

另外我建议使用jQuery添加点击处理程序而不是使用内联属性

演示：Fiddle

使用Toggle for Comments Section

1 个答案: