javascript - How connect jquery.inputmask using requirejs - Stack Overflow

admin管理员组

文章数量:1334954

How correctly connect .inputmask using requirejs? Method on official site documentation not correct.

I try make it like this

require-config.js

paths: {
  ...
  inputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/inputmask",
  dependencyLib: "/assets/vendor/jquery.inputmask/dist/inputmask/dependencyLib",
  jQueryInputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/jquery.inputmask",
  ...
}

script.js

define('script', ['jquery', 'jQueryInputmask'], function ($) {
    ...
    $obj.inputmask(
        {
            alias: 'currency',
            rightAlign: false,
            digits: 0
        }
    );
    ...
});

but it not work

How correctly connect https://github./RobinHerbots/jquery.inputmask using requirejs? Method on official site documentation not correct.

I try make it like this

require-config.js

paths: {
  ...
  inputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/inputmask",
  dependencyLib: "/assets/vendor/jquery.inputmask/dist/inputmask/dependencyLib",
  jQueryInputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/jquery.inputmask",
  ...
}

script.js

define('script', ['jquery', 'jQueryInputmask'], function ($) {
    ...
    $obj.inputmask(
        {
            alias: 'currency',
            rightAlign: false,
            digits: 0
        }
    );
    ...
});

but it not work

• javascript
• jquery
• requirejs
• jquery-inputmask

Share Improve this question Follow asked Oct 6, 2015 at 22:24 sglazkovsglazkov 1,06611 gold badge1010 silver badges3838 bronze badges 1

• Are you getting any error messages on the console? – Lucas Rodrigues Commented Oct 23, 2015 at 17:42

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6 +25

Try with this code:

require.config({
    paths: {
        ...
        "jquery"            : "../dist/jquery/jquery",
        "jQueryInputmask"   : "../dist/inputmask/jquery.inputmask",
        "inputmask"         : "../dist/inputmask/inputmask",
        ...
    },
    shim: {
        jquery: {
            exports: "$"
        },
        jQueryInputmask: {
            deps: ["jquery", "inputmask"],
            exports: "$"
        },
)

define('script', ['jquery', 'jQueryInputmask'], function ($) {
    ...
    $obj.inputmask(
        {
            alias: 'currency',
            rightAlign: false,
            digits: 0
        }
    );
    ...
});

In my project it works setting the shim:

shim: Configure the dependencies, exports, and custom initialization for older, traditional "browser globals" scripts that do not use define() to declare the dependencies and set a module value.

I do it this way:

require.config({
    paths: {
        jquery: '//cdnjs.cloudflare./ajax/libs/jquery/1.12.4/jquery.min',
        inputmask: '//cdn.jsdelivr/npm/[email protected]/dist/min/jquery.inputmask.bundle.min'
    },
    shim: {
        inputmask: {
            deps: ['jquery'],
            exports: 'Inputmask'
        }
    }
});

define('script', ['inputmask'], function (Inputmask) {
    new Inputmask('email').mask('#obj');
});

本文标签： javascriptHow connect jqueryinputmask using requirejsStack Overflow