Question

在HTML文件中，有3个按钮作为保存，编辑和取消。我隐藏保存和编辑按钮取决于javascript中的功能。

<div class="controls col-sm-9">
    <button onclick="modJs.save();return false;" class="saveBtn btn btn-primary pull-right"><i class="fa fa-save"></i> <t>Save</t></button>
    <button onclick="modJs.editrecord();return false;" class="EditBtn btn btn-primary " style="display:none;"><i class="fa fa-save"></i> <t>Update</t></button>
    <button onclick="modJs.cancel();return false;" class="cancelBtn btn pull-right" style="margin-right:5px;"><i class="fa fa-times-circle-o"></i> <t>Cancel</t></button>
</div>

在我的javascript fucntion中，即时显示并隐藏编辑和保存按钮。

if(object != undefined && object != null) {   //editing selected
    $(".editBtn").show();
    $(".saveBtn").hide();
    this.fillForm(object);
}

我已经在html标签中为display:none提供了编辑按钮。如果object不为null（表示编辑），我想显示编辑按钮。通过上面的代码，保存按钮变为隐藏，但是没有显示编辑按钮。

Answer 1

我猜那里有一点拼写错误

替换

$(".editBtn").show();

与

 $(".EditBtn").show();

或者只是将类名EditBtn更改为editBtn以保持命名一致。

Answer 2

在HTML中，您使用了类EditBtn，在JS代码中使用了类editBtn。类名称区分大小写！将其在HTML中更改为editBtn。

在javascript中隐藏按钮

2 个答案: