jquery - Bootstrap X-可编辑、文本区域的清除按钮

Question

我想知道是否有可能在 bootstrap-editable 中使用输入类型文本区域的清除按钮，因为它是通过属性 clear: true 集在输入类型=“text”中的p>

或者我必须使用一些解决方法吗？

Answer 1

我找不到任何方法，我认为原因是文本区域更难以设计样式，因为它可以调整大小并且有更多行。

在不修改原始代码的情况下，我进行了一些修改。

如果 clear 选项为 true，我会使用 shown 事件向插件添加自定义按钮，并附加自定义事件来清除文本区域内容。

代码:

$('#dob').on('shown', function (e, editable) {
    if (arguments.length != 2) return
    if (!editable.input.$input.closest('.control-group').find('.editable-input >textarea').length > 0 || !editable.options.clear || editable.input.$input.closest('.control-group:has(".btn-clear")').length > 0) return

    editable.input.$input.closest('.control-group').find('.editable-buttons').append('<br><button class="btn btn-clear"><i class="icon-trash"></i></button>');
});

$('body').on('click', '.editable-buttons > .btn-clear', function (e) {
    $(this).closest('.control-group').find('.editable-input >textarea').val('');
    return false
});

演示:http://jsfiddle.net/IrvinDominin/8akfp/