Question

我正在尝试开发一些拖放功能。首先，我只想拖动它。我正在读一本书“Dojo，Kyle Hayes入门”，但我没有运气。

我的一些问题：

当我连接到最新的道场和谷歌的图书馆时，根本没有任何作用。
每当我在我的初始脚本中包含djConfig="parseOnLoad来调用Google的旧库时，一切都无效。如果我取出djConfig="parseOnLoad，那么页面就会开始工作。
如果我加入dojo.require("dojo.dnd.Target")，我将失去所有功能。
无论我做什么，我都无法抓住一个简单的div。

我已将我的代码包含在下方，并真诚地感谢任何人可以在开始时给予我任何帮助。

<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"                                                                  djConfig="parseOnLoad: true"></script>

<script type="text/javascript">
        //dojo.require("dojo.parser");
        dojo.require("dojo.dnd.move"); 
        dojo.require("dojo.dnd.Source");
        //dojo.require("dojo.dnd.Target");
        dojo.require("dijit.form.Button");
        dojo.require("dijit.form.TextBox");
        document.write("I got this far");

    var init = function()
    {
        dojo.connect(
        dojo.byId('btnSayHello'),
        "onclick",
        this,
        helloButton_onClick
        );
    }


    var helloButton_onClick = function(event)
    {
        alert ('Hello World and hello ' + dojo.byId('txtName').value + '!');
    }

    dojo.addOnLoad(init);
</script>
</head>
<body>
<div id="dragMe" dojoType="dojo.dnd.move" style="border: 1 solid black; height: 300; width: 300;">
Source 1
</div>
<div id=Div1 dojoType="dojo.dnd.Target" style="border: 1 solid black; height: 300; width: 300;">
   Target
</div>
<div>
    <h1>Hello World Example</h1>
    <hr/>
    <label for="txtName">Your name:</label>
    <input id="txtName" type="text" dojoType="dijit.form.TextBox"/><br/>
    <button id="btnSayHello" dojoType="dijit.form.Button">Say Hello</button>
</body>
</html>

Answer 1

我刚刚从dojoType="dojo.dnd.move"更改为dojoType="dojo.dnd.Moveable"，我可以拖动它。希望它有所帮助。

没有运气，甚至没有基本的道场工作

1 个答案: