javascript - 禁止编辑内嵌文本

Question

我有一个可内联编辑的字段。我为此使用 jQuery；

$el.on("click", ".editableTxt", function () {
    var currElmModelId = $(this).attr('data-model-id');
    var currElmModelAttr = $(this).attr('data-model-attr');
    var input = $('<input />', {
        'type': 'text',
        'name': currElmModelAttr,
        'data-model-id': currElmModelId,
        'data-model-attr': currElmModelAttr,
        'class': 'editBox',
        'style': 'width:60px',
        'value': $(this).html()
    });
    $(this).parent().append(input);
    $(this).remove();
    input.focus();
});

我的问题是我需要为此添加权限检查...因此有两种可能性(查看和更新​​)

因此，如果用户只有查看权限，他只会看到静态文本，并且如果他单击文本，则不会发生任何事情。但是，如果用户具有 Update priv，他将看到静态文本，并且单击时，上面的 jquery 函数应该触发，并且他应该能够使用内联文本进行编辑。

将其与上述代码合并的最佳方法是什么？

Answer 1

取决于如何检查权限，并且可以使用简单的 if block 来处理该问题

var editPermissions = true; //false depending on the permission
$("#html").on("click", ".editableTxt", function () {
if (editPermissions) {
    var currElmModelId = $(this).attr('data-model-id');
    var currElmModelAttr = $(this).attr('data-model-attr');
    var input = $('<input />', {
        'type': 'text',
            'name': currElmModelAttr,
            'data-model-id': currElmModelId,
            'data-model-attr': currElmModelAttr,
            'class': 'editBox',
            'style': 'width:60px',
            'value': $(this).html()
    });
    $(this).parent().append(input);
    $(this).remove();
    input.focus();
}
});