当通过composer包含时，如何在AdminLTE中使用jQuery的输入掩码

Question

短版

如何使用inputmask基础继承的twig中的avanzu/AdminThemeBundle？

上下文

我在symfony3项目中使用AdminLTE管理面板模板（https://adminlte.io/）。

为此，我使用了Avanzu项目（https://github.com/avanzu/AdminThemeBundle），这使我有两个主要优势：

• 我可以通过作曲家安装它。
• 我预先制作了树枝块，我可以在我的树枝上覆盖，以便重复使用。

问题是我需要在表格中用<input>来表示欧元金额。我想在AdminLte中使用您可以看到的inputmask：https://adminlte.io/themes/AdminLTE/pages/forms/advanced.html

我放置此代码的时候......

<div class="form-group">
    <label>Intl US phone mask:</label>
    <div class="input-group">
        <div class="input-group-addon">
            <i class="fa fa-phone"></i>
        </div>
        <input class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask="" type="text">
    </div>
<!-- /.input group -->
</div>

...我唯一能看到的是输入框，但没有遮罩。似乎HTML有效，但JS没有。

（PD：代码是手机而不是欧元，因为我开始复制示例以便以后编辑它。）

的先决条件

我已经运行了php bin/console avanzu:admin:fetch-vendor命令和php bin/console assets:install --symlink这里提到的https://github.com/avanzu/AdminThemeBundle

我还拥有资产包并在内核中预先加载。

更多上下文

在我的页面中，我看到主模板包含所有LTE javascripts：

<script src="/hello-trip/dislodge-galvanize/web/bundles/avanzuadmintheme/static/dev/scripts/admin-lte-all.js"></script>

此外，如果我探索admin-lte-all.js它就在那里并且搜索inputmask显示它在缩小版本中存在：

但是，在页面中，我可以看到：

在演示网站中，我可以看到：

IDK正在进行什么或者我应该做些什么。

问题

我应该在我的树枝上编码以使<input class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask="" type="text">输入正常工作？

Answer 1

在您的js中添加此行

 $('[data-mask]').inputmask()