jquery - 可编辑文本框内的屏蔽输入不起作用

Question

我的 Bootstrap 应用程序有一个 x-editable 输入，我用它来编辑用户名。现在我需要使用 jquery.maskedinput.min.js 来获取屏蔽格式，同时我在文本框中输入文本框，当我点击 x-editable 中的跨度时，它会出现。这是我的示例 html 代码

<div id="sZip" class="profile-info-value ">
<span class="editable" id="Dob">dob</span>
</div>

我通过像这样应用 j 查询实现了 x 可编辑

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

                });

现在它工作正常我需要使该文本框可屏蔽，但是当我像这样调用屏蔽输入函数时

$(".dd").mask("99999-?9999");

它不工作，我不知道确切的原因。任何帮助将不胜感激

Answer 1

它不起作用，因为 x 个可编辑元素是动态添加的。

我希望这能奏效。

$('#users 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) 999-9999? x99999");
});

DEMO