浏览 1860 次
|
锁定老帖子 主题：初学者 有个问题想问大家
该帖已经被评为新手帖
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2007-08-04
<%@ page language="java" contentType="text/html; charset=GBk2312"
pageEncoding="GB18030"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="/css/main.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,dragdrop"></script> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>Insert title here</title> <script type="text/javascript"> function enableDnd() { // 左、中、右3个容器，用于放置栏目div对象 var containers = ["leftContainer", "midContainer", "rightContainer"]; // Sortable.create方法的options参数 var kw = { tag: "div", // 被拖拽元素是div对象 treeTag: "div", // 被拖拽元素的父元素也是div对象 handle: "title", hoverclass: "hover", dropOnEmpty: true, // 允许被拖拽到空容器中 containment: containers, // 栏目可以放置到containers 包含的任意一个容器中 constraint: false // 栏目div对象可以在水平或垂直方向被拖拽 }; // 遍历每一个容器 containers.each( function(container) { // 清除原有的Sortable.create实现的拖拽效果 Sortable.destroy(container); // 使栏目中的div对象可以被拖拽 Sortable.create(container, kw); }); } enableDnd(); </script> </head> <body> <div id="main"> <div id="leftContainer"> <div class="module" style="height: 200px"></div> </div> <div id="midContainer"> <div class="module" style="height: 200px"></div> <div class="module" style="height: 200px"></div> </div> <div id="rightContainer"> <div class="module" style="height: 200px"></div> <div class="module" style="height: 200px"></div> <div class="module" style="height: 200px"></div> </div> </div> </body> </html> 是按照教材上面写 但是 我就不能成功运行div 托拽的效果 ie 上报 Line:577 Char:5 Code:0 Error:'tagName' 为空或不是对象 想请问一下我是属性设置不对？ 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2007-08-04
handle: "title", 你title元素呢？
sortable 要针对3个container 建立3次，就像这样 Sortable.create("c_1",
{
dropOnEmpty:true,
containment:["c_1","c_2","c_3"],
constraint:false,
markDropZone:true
});
Sortable.create("c_2",
{
dropOnEmpty:true,
containment:["c_1","c_2","c_3"],
constraint:false,
markDropZone:true
});
Sortable.create("c_3",
{
dropOnEmpty:true,
containment:["c_1","c_2","c_3"],
constraint:false,
markDropZone:true
});
|
| 返回顶楼 | |
