1

我正在尝试让 jQRangeSlider 插件与 requirejs 一起使用，以便我可以在我的项目中使用它，但我无法这样做。

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>

主.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

我尝试使用原始版本，但出现错误：在 jquery-ui 中找不到基础。我尝试了匀场。我也尝试像这样包装函数：http: //pastebin.com/Qh0VniAK 但仍然没有运气。谁能指导我如何使它与 AMD 兼容。

谢谢你。

4

0 回答 0