x-editable + maskedinput在输入时返回下划线但未点击

Question

x-editable + maskedinput在输入时从maskedinput返回下划线但是当我点击时它不会。关于如何解决这个问题的任何想法？

的jsfiddle：

• http://jsfiddle.net/xBB5x/10654/

jQuery Library：

• https://github.com/digitalBush/jquery.maskedinput
• https://vitalets.github.io/x-editable/index.html

HTML：

<a href="#" data-pk="1">1</a>

JS：

$('a').editable({
    type: 'text',
    name: 'username',
    tpl: '<input type="text" id ="zipiddemo" class="mask form-control input-sm dd" style="padding-right: 24px;">'
});

$(document).on("focus", ".mask", function () {
    $(this).mask("?999");
});

Answer 1

<强>的jsfiddle：

• http://jsfiddle.net/xBB5x/10655/

<强> HTML：

<a href="#" data-pk="1">1</a>

<强> JS：

$('a').editable({
    type: 'text',
    name: 'username',
    tpl: '<input type="text" id ="zipiddemo" class="mask form-control input-sm dd" style="padding-right: 24px;">',
    display: function(value, response) {
        return false;
    },
    success: function(response, newValue) {
        $(this).html(newValue.replace(/_/g, ''));
    },
});

$(document).on("focus", ".mask", function() {
    $(this).mask("?999");
});