在javascript中隐藏按钮

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);
}

我已经display:none在html标签中添加了编辑按钮.如果object不为null(表示编辑),我想显示编辑按钮.通过上面的代码,保存按钮变为隐藏,但是没有显示编辑按钮.

Answer 1

我猜那里有一点拼写错误

更换

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

同

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

或者,也许只需改变类名EditBtn,以editBtn保持一致的命名.