2015-10-06 14 views
13

Come connettere correttamente https://github.com/RobinHerbots/jquery.inputmask usando requirejs? Metodo sulla documentazione del sito ufficiale non corretto.Come connettere jquery.inputmask usando requirejs

cerco farlo come questo

richiedere-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 
     } 
    ); 
    ... 
}); 

ma non funziona

+0

State ottenendo eventuali messaggi di errore sulla console? –

risposta

6

Prova con questo codice:

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 
     } 
    ); 
    ... 
}); 

Nel mio progetto funziona impostando lo spessore:

spessore: Configurare le dipendenze, le esportazioni, e l'inizializzazione personalizzato per anziani, tradizionali "globali browser" script che non uso definiscono() per dichiarare le dipendenze e imposta un valore del modulo.

0

lo faccio in questo modo:

require.config({ 
    paths: { 
     jquery: '//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min', 
     inputmask: '//cdn.jsdelivr.net/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'); 
});