`
风花雪月饼
  • 浏览: 75354 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

使用YUI的dragdrop拖动后设置style等属性无效的问题

阅读更多


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];

这样改.就可以了.

原因,至今不明.
分享到:
评论

相关推荐

    使用YUI2.8 实现多个LI拖拽

    这是对YUI拖拽例子的改编,大家可以去访问的博客 http://hi.baidu.com/hjzheng

    《YUI使用文档》汉语版的yui学习材料

    `Dom.getStyle`和`Dom.setStyle`则用于获取和设置元素的样式属性,如颜色、大小等。 位置控制方面,`Dom.setXY`、`Dom.setY`、`Dom.setX`可以改变元素的位置,而`Dom.getXY`返回元素的坐标,`Dom.getRegion`则获取...

    Yahoo YUI 插件库

    3. **拖放功能**:YUI的DragDrop模块提供了强大的拖放功能,使得用户可以轻松地在页面上移动元素,这对于构建交互式应用非常关键。 4. **日期和时间选择器**:YUI Calendar组件提供了一个用户友好的日历界面,可以...

    YUi文档(中文的哦)

    - **Lang对象**: `YUI`全局对象还包括一个`Lang`对象,它封装了一些JavaScript语言本身的实用功能,如类型检查等,以便于开发者使用。 #### Node模块详解 Node模块是用于操作DOM节点的强大工具,每个Node实例代表...

    使用yuicompressor压缩及合并js,css静态资源

    本篇文章将深入探讨如何使用Yahoo的开源工具——YUI Compressor来实现这一目标。 YUI Compressor是由Yahoo开发的一款高效且强大的JavaScript和CSS压缩工具。它能够通过删除空格、注释和不必要的字符,以及进行代码...

    YUI js方法使用列子

    与jQuery相似,YUI提供了一套完整的解决方案,包括DOM操作、事件处理、动画效果、Ajax交互以及模块化开发等。 YUI的核心理念是模块化,这意味着你可以按需引入所需的组件,降低页面加载负担。它通过`yui.yahooapis....

    YUI Compressor压缩JS和Css工具(包含详细配置)

    作为一个Web前端开发工程师,了解并使用YUI Compressor是提升项目效率和用户体验的关键。 ### 一、YUI Compressor的主要功能 1. **代码压缩**:YUI Compressor会删除代码中的空格、换行和不必要的注释,同时也会将...

    YUI-EXT使用详解

    **YUI-EXT使用详解** YUI-EXT是基于Yahoo! User Interface Library (YUI)的一个扩展库,专为构建富互联网应用程序(RIA)而设计。YUI-EXT提供了许多高级组件,如表格、菜单、窗口、表单、布局管理器等,极大地丰富...

    YUI JS CSS 打包工具

    YUI JS CSS 打包工具是一款高效的前端资源优化工具,主要针对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件进行压缩和合并,以提升网页加载速度和整体性能。这款工具由雅虎(Yahoo!)开发,是其开源项目的...

    yui3-master.zip

    YUI3还包含了丰富的动画功能,如“anim”模块,能够实现复杂的CSS属性动画,如淡入淡出、滑动等效果。通过“yui3-master.zip”,我们可以研究并理解这些动画是如何实现的。 6. **IO与Ajax** 在“io”模块中,YUI3...

    YUI 详细说明文档

    - **6.6 DragDrop**:拖拽组件。 - **6.7 TreeView**:树形视图组件。 - **6.8 Container**:容器组件,用于组织其他UI组件。 #### 七、常见问题 - **YUI提供的javascript的文件引入**:了解如何正确引入YUI库...

    YUI3 中tree的两种实现

    在IT行业中,YUI(Yahoo! User Interface Library)是一个广泛使用的JavaScript库,它提供了一系列工具和组件,帮助开发者构建富互联网应用程序(RIA)。YUI3是YUI的第三个主要版本,它进行了重大的架构改进,提供了...

    YUI 入门教程YUI 入门教程YUI 入门教程

    YUI,全称为Yahoo! User Interface Library,是一个开源的JavaScript库,主要用于构建富互联网应用程序(RIA)。本教程将深入介绍YUI的基础知识和关键特性,帮助开发者快速入门。 首先,YUI提供了一系列强大的DOM...

    yuicompressor-yui compressor

    ::设置YUI Compressor启动目录 SET YUIFOLDER=C: ::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS SET JSFOLDER=D:\1 echo 正在查找 JavaScript, CSS ... chdir /d %JSFOLDER% for /r . ...

    yui.zip_YUI aj_ajax_ajax java_javascript_javascript YUI Ajax

    3. **slider**:这是YUI中的滑块组件,用于创建可拖动的滑动条,常用于调整设置或浏览内容。 4. **animation**:动画模块,提供了丰富的JavaScript动画效果,如淡入淡出、移动、旋转等,使网页元素动态化。 5. **...

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用...YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两个创建时工具: YUI Compressor (压缩) 和 YUI Doc (JavaScripts代码的文档引擎)。

    yui压缩

    《深入理解YUI压缩:优化前端性能的关键》 在当今的Web开发中,优化前端性能是提升用户体验的重要一环。其中,代码压缩扮演了至关重要的角色。YUI Compressor,作为一个由雅虎(Yahoo!)开发的JavaScript和CSS压缩...

    yuicompressor-2.4.8.jar

    3. 运行构建:保存配置后,执行构建操作,Idea会自动调用yuicompressor对指定文件进行压缩。 除了基本的压缩功能,yuicompressor还有其他优势。例如,它支持多种语言的输入,包括JavaScript、CSS以及HTML,并且兼容...

    yui.rar 例子

    例如,例子中可能用到了“yui-button”来创建交互式的按钮,或者使用“yui-menu”构建导航菜单,这些组件大大简化了开发工作,提升了用户体验。 在实际开发中,YUI的调试工具也非常实用。YUI Logger可以帮助开发者...

    yui 资源包

    此外,YUI的延迟加载(LazyLoad)特性,能让非核心模块在需要时才加载,进一步优化资源使用。 总结,YUI 3.9.0 r2是一个强大的前端开发框架,它提供了一整套工具和组件,以应对复杂的界面设计挑战,并通过优化资源...

Global site tag (gtag.js) - Google Analytics