YUI的dragdrop是个好东西啊...
不过还是有点问题.
比如我有这么一个东西
<ul>
<li id="li1_1" class="portalsItem">
<div id="li1-title_1" class="portalsItemTitle">
<select>...</select>
</div>
<div>
</div>
</li>
</ul>
那么在class="portalsItemTitle"的元素下有个select,这个是用来改变portalsItemTitle的背景色的.
于是我在select的事件里用$("li1-title_1").style.backgroundColor=xx来改.
在没有拖动前,可以改变颜色,拖动之后就不行了.
后来也没查出什么原因来.总感觉不对.可能是移动后那个li1-title_1已经找不到了?实际上通过innerHTML可以看到还是有的,但就是引用不对.
后来用
var portalsItem = $("li1_1");
var portalsItemTitle = YAHOO.util.Dom.getElementsByClassName("portalsItemTitle", "div",portalsItem)[0];
这样改.就可以了.
原因,至今不明.
分享到:
相关推荐
这是对YUI拖拽例子的改编,大家可以去访问的博客 http://hi.baidu.com/hjzheng
`Dom.getStyle`和`Dom.setStyle`则用于获取和设置元素的样式属性,如颜色、大小等。 位置控制方面,`Dom.setXY`、`Dom.setY`、`Dom.setX`可以改变元素的位置,而`Dom.getXY`返回元素的坐标,`Dom.getRegion`则获取...
3. **拖放功能**:YUI的DragDrop模块提供了强大的拖放功能,使得用户可以轻松地在页面上移动元素,这对于构建交互式应用非常关键。 4. **日期和时间选择器**:YUI Calendar组件提供了一个用户友好的日历界面,可以...
- **Lang对象**: `YUI`全局对象还包括一个`Lang`对象,它封装了一些JavaScript语言本身的实用功能,如类型检查等,以便于开发者使用。 #### Node模块详解 Node模块是用于操作DOM节点的强大工具,每个Node实例代表...
本篇文章将深入探讨如何使用Yahoo的开源工具——YUI Compressor来实现这一目标。 YUI Compressor是由Yahoo开发的一款高效且强大的JavaScript和CSS压缩工具。它能够通过删除空格、注释和不必要的字符,以及进行代码...
与jQuery相似,YUI提供了一套完整的解决方案,包括DOM操作、事件处理、动画效果、Ajax交互以及模块化开发等。 YUI的核心理念是模块化,这意味着你可以按需引入所需的组件,降低页面加载负担。它通过`yui.yahooapis....
作为一个Web前端开发工程师,了解并使用YUI Compressor是提升项目效率和用户体验的关键。 ### 一、YUI Compressor的主要功能 1. **代码压缩**:YUI Compressor会删除代码中的空格、换行和不必要的注释,同时也会将...
**YUI-EXT使用详解** YUI-EXT是基于Yahoo! User Interface Library (YUI)的一个扩展库,专为构建富互联网应用程序(RIA)而设计。YUI-EXT提供了许多高级组件,如表格、菜单、窗口、表单、布局管理器等,极大地丰富...
YUI JS CSS 打包工具是一款高效的前端资源优化工具,主要针对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件进行压缩和合并,以提升网页加载速度和整体性能。这款工具由雅虎(Yahoo!)开发,是其开源项目的...
YUI3还包含了丰富的动画功能,如“anim”模块,能够实现复杂的CSS属性动画,如淡入淡出、滑动等效果。通过“yui3-master.zip”,我们可以研究并理解这些动画是如何实现的。 6. **IO与Ajax** 在“io”模块中,YUI3...
- **6.6 DragDrop**:拖拽组件。 - **6.7 TreeView**:树形视图组件。 - **6.8 Container**:容器组件,用于组织其他UI组件。 #### 七、常见问题 - **YUI提供的javascript的文件引入**:了解如何正确引入YUI库...
在IT行业中,YUI(Yahoo! User Interface Library)是一个广泛使用的JavaScript库,它提供了一系列工具和组件,帮助开发者构建富互联网应用程序(RIA)。YUI3是YUI的第三个主要版本,它进行了重大的架构改进,提供了...
::设置YUI Compressor启动目录 SET YUIFOLDER=C: ::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS SET JSFOLDER=D:\1 echo 正在查找 JavaScript, CSS ... chdir /d %JSFOLDER% for /r . ...
3. **slider**:这是YUI中的滑块组件,用于创建可拖动的滑动条,常用于调整设置或浏览内容。 4. **animation**:动画模块,提供了丰富的JavaScript动画效果,如淡入淡出、移动、旋转等,使网页元素动态化。 5. **...
《深入理解YUI压缩:优化前端性能的关键》 在当今的Web开发中,优化前端性能是提升用户体验的重要一环。其中,代码压缩扮演了至关重要的角色。YUI Compressor,作为一个由雅虎(Yahoo!)开发的JavaScript和CSS压缩...
3. 运行构建:保存配置后,执行构建操作,Idea会自动调用yuicompressor对指定文件进行压缩。 除了基本的压缩功能,yuicompressor还有其他优势。例如,它支持多种语言的输入,包括JavaScript、CSS以及HTML,并且兼容...
例如,例子中可能用到了“yui-button”来创建交互式的按钮,或者使用“yui-menu”构建导航菜单,这些组件大大简化了开发工作,提升了用户体验。 在实际开发中,YUI的调试工具也非常实用。YUI Logger可以帮助开发者...
此外,YUI的延迟加载(LazyLoad)特性,能让非核心模块在需要时才加载,进一步优化资源使用。 总结,YUI 3.9.0 r2是一个强大的前端开发框架,它提供了一整套工具和组件,以应对复杂的界面设计挑战,并通过优化资源...
YUI Compressor提供了多种配置选项,如控制压缩级别、保留注释等。例如,使用`--nomunge`参数可以避免混淆变量名,保持代码可读性;`--line-break`参数可以设置代码在特定字符数后换行,方便查看压缩后的代码。 ###...
6. **DOM操作**:YUI提供了强大的DOM操作接口,包括选择元素、修改属性、插入和删除节点等。 7. **AJAX**:YUI的AJAX组件支持异步数据交换,使得网页可以在不刷新的情况下更新内容。 8. **动画效果**:YUI的Anim模块...