使用Range Slider的自定义Dojo构建苦苦挣扎

时间:2011-12-10 07:28:28

标签: javascript dojo slider

我正在努力为Range Slider创建自定义构建。当我使用谷歌下载的dojo.xd.js文件时,我的滑块工作正常。当我使用自定义构建器并将dojo.xd.js文件替换为构建器输出时,我没有范围滑块。除了自定义构建文件之外,我还需要包含dojo.js吗?

以下是我自定义构建的个人资料:

 dependencies ={

   layers:  [
       {
       name: "myDojo.js",
       dependencies: [
        "dijit.form.Slider",
        "dojox.form.RangeSlider"]
       }
   ],

   prefixes: [
       [ "dijit", "../dijit" ],
       [ "dojox", "../dojox" ]
   ]

 };

当我打开我的页面时,我收到以下错误。我在本地运行。没有服务器。

XMLHttpRequest cannot load file:///C:/Projects/dcardcjs/trunk/DRandomizerJS/source/selector/acme.js. Cross origin requests are only supported for HTTP.
dojo.js:15 Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101
CardClass.js:1 Uncaught ReferenceError: dojo is not defined

感谢您的帮助。

编辑:这是我的页面代码。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Kingdom Builder</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    <link rel="stylesheet" type="text/css" href="../dijit/themes/nihilo/nihilo.css"/>
    <script src="dojo.js"></script>
    <script>
        dojo.require("dojox.form.RangeSlider");
    </script>
    <style type="text/css">
        @import url(../dijit/RangeSlider.css);
    </style>
    <script src="jquery.js"></script>
    <script src="expansions.js"></script>
    <script src="CardClass.js"></script>

</head>

<body>

1 个答案:

答案 0 :(得分:0)

首先,要在构建中包含acme选择器,必须将其包含在构建脚本中。 其次,要包含基本dojo库,包括'dojo / dojo'。第三,我注意到在你的html文件中,你有一个导入'dojo.js'的脚本标签,请确保将其改为你的图层:'myDojo.js':)希望这可以帮助那些人,即使你已经转移到了jquery。

dependencies ={

layers:  [
   {
       name: "myDojo.js",
       dependencies: [
           'dojo/dojo',
           'dojo/selector/acme',
           'dijit.form.Slider',
           'dojox.form.RangeSlider'
       ]
   }
],

prefixes: [
   [ "dijit", "../dijit" ],
   [ "dojox", "../dojox" ]
]

};