1

プロジェクトで jQRangeSlider プラグインを使用できるように、requirejs で jQRangeSlider プラグインを動作させようとしていますが、それができません。

HTML :

<!DOCTYPE html>
<html>
<head>
    <title>My Sample Project</title>
    <link rel="stylesheet" href="iThing.css" type="text/css" />
    <script data-main="js/main" src="js/require-2.1.14.js" ></script>
</head>
<body>
    <h1>My Sample Project</h1>
    <div id="slider"></div>
</body>
</html>

main.js :

requirejs.config({
    baseUrl: 'js/libs',
    paths: {
        'jquery': 'jquery-min',
        'jqueryui': 'jquery-ui',
        'jQDateRangeSlider' : 'jQDateRangeSlider'
    },shim: {
        "jqueryui": {
            deps: ['jquery']
        },
        "jQDateRangeSlider": {
            deps: ['jquery','jqueryui']
        }
    }
});

require(['jquery', 'jqueryui','jQDateRangeSlider'], function ($) {
     $("#slider").dateRangeSlider();
});

プラグインの場合: オリジナル: https://github.com/ghusse/jQRangeSlider/blob/master/jQDateRangeSlider.js

オリジナルを使用してみましたが、エラーが発生しています: base not found in jquery-ui. シムしてみました。また、次のように関数をラップしようとしました: http://pastebin.com/Qh0VniAK しかし、まだ運がありませんでした。AMD互換にする方法を教えてください。

ありがとうございました。

4

0 に答える 0