`
nqp_java
  • 浏览: 78198 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

仿iGoogle的拖动及排序效果js版本问题

阅读更多

可以参见:http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/

有詳細的说明,并有Demo可以在线预览,同时还提供了下载。
在使用的过程中,我遇到一些问题,花了好长时间才解决,在此记下来。

下载Demo后,发现它用到的jQuery版本是jquery-1.2.6.min.js。但我们项目中用到的jQuery大都使用了更高的版本,比如1.3.2或是,1.4.2。
如果替换掉Demo中的jQuery,会发现拖动和排序效果失效,但其它效果(编辑,删除)还起作用。上网查了一番,终于找到一解决办法: 在 inettuts.js 中找到 var notSortable = ”; 改成 var notSortable = null; 就可以了。

 

转载:http://www.learningjquery.org/index.php/imitation-and-ranked-by-igoogleu002639s-drag-luandun/

分享到:
评论

相关推荐

    js 仿 igoogle 拖拽 效果

    JavaScript仿iGoogle拖拽效果是一种常见的前端交互技术,主要用于网页元素的动态布局和用户自定义配置。iGoogle是Google提供的一项个性化主页服务,允许用户通过拖放小工具来定制自己的首页。这种拖拽功能在现代网页...

    js 仿 igoogle 拖拽 效果 3

    JavaScript仿iGoogle拖拽效果是一种常见的前端交互设计,它允许用户通过鼠标拖动网页上的元素来重新排列布局,提供了一种高度自定义和个性化的用户体验。这个效果在iGoogle,Google的个性化主页服务中被广泛使用,...

    仿Igoogle拖动DIV

    【描述】"仿Igoogle拖动DIV JS 仿IGOOGLE 拖动 DIV"描述的是使用JavaScript编程语言,模仿iGoogle的交互特性,特别是其拖放小部件的能力。这个功能的核心在于利用JavaScript事件处理和DOM操作,让网页中的div元素...

    仿igoogle拖动效果

    【标题】"仿igoogle拖动效果"是一个项目,旨在模仿谷歌个性化主页igoogle的交互体验,特别是其拖放功能。这个项目的核心在于实现用户可以自由调整页面元素位置的动态界面,提供高度自定义的用户体验。 【描述】提供...

    JS仿iGoogle自定义首页模块拖拽效果

    JS仿iGoogle自定义首页模块拖拽效果

    jQuery 仿iGoogle 主页模块拖动、编辑完整版

    **jQuery 仿iGoogle 主页模块拖动与编辑详解** jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理以及动画效果。在本项目中,我们利用jQuery实现了对网页模块的iGoogle风格的仿制,...

    仿 igoogle 拖动

    在IT领域,"仿 igoogle 拖动"是指一种网页设计技术,旨在实现类似Google iGoogle页面的动态布局效果。iGoogle是Google提供的一项个性化服务,允许用户自定义首页,将各种小工具(如天气预报、新闻、日历等)以拖放的...

    仿iGoogle的界面

    【描述】"仿iGoogle的界面,可拖拽,可自定义模块等"这一描述中,包含了几个关键的技术点: 1. **响应式设计**:iGoogle的界面设计考虑了不同设备的适配性,因此仿制这样的界面需要掌握响应式布局,如媒体查询...

    仿igoogle拖动框

    【标题】"仿igoogle拖动框"是一个关于前端开发的项目,主要目的是实现类似Google iGoogle页面的可拖动小部件功能。iGoogle是Google提供的一种个性化首页服务,允许用户自定义页面布局,添加各种小工具,如天气预报、...

    JS精仿iGoogle自定义首页模块拖拽效果

    JS精仿iGoogle自定义首页模块拖拽效果! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    仿IGOOGLE 拖拽网页

    拖拽网页,拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽...

    Ajax仿iGoogle双击编辑-网页拖动完整实例

    在iGoogle实例中,JavaScript监听鼠标事件,判断是否为拖动操作,并根据拖动状态更新元素的位置信息。同时,利用Ajax在拖放过程中与服务器进行交互,保存用户的布局设置。 **实现步骤** 1. **事件监听**:在可拖动...

    Ajax仿iGoogle双击编辑-网页拖动完整实例.rar

    这是一个完整的Ajax ASP XML仿iGoogle双击编辑、网页拖动完整实例,不但界面清新,里面的很多技术都是值得我们学习的,发布本源码是为了学习AJAX技术,因此源码当中有些地方是不完善的,只是为了表现AJAX技术的运用...

    DIV可拖动,可改造为仿igoogle效果实例

    在本文中,我们将深入探讨如何使用JavaScript实现一个可拖动的DIV元素,以此来创建一个类似于iGoogle的效果。iGoogle是Google提供的一款个性化主页服务,允许用户自定义页面布局,添加各种小工具。通过理解其核心...

    仿igoogle拖动,access数据库

    标题中的“仿igoogle拖动”指的是模仿Google的个性化首页iGoogle实现的一种用户界面交互效果。iGoogle在2005年推出,允许用户自定义首页,通过添加各种小工具来展示天气、新闻、日历等信息,并且支持这些小工具在...

    Jquery拖动窗格(仿igoogle)

    总之,"Jquery拖动窗格(仿igoogle)"是一个实用的Web开发小工具,它涉及到jQuery基础、事件处理、拖动效果、响应式设计等多个方面,对于想要提升Web前端技能的开发者来说,是一个很好的学习案例。通过深入研究和实践...

    js 仿iGoogle页面

    【标题】"js 仿iGoogle页面"是一个项目,旨在使用JavaScript技术来模仿谷歌的个性化主页iGoogle。iGoogle允许用户自定义主页,添加各种小工具,如天气预报、新闻摘要、日历等,通过拖放操作来组织这些小工具。 ...

    仿igoogle 超炫效果

    【标题】"仿igoogle 超炫效果"所涉及的知识点主要集中在Web前端开发领域,尤其是用户体验(UX)设计和交互设计上。igoogle是谷歌提供的一种个性化主页服务,用户可以自定义添加各种小工具,如天气预报、新闻、邮箱等...

    很好的模拟iGoogle拖动效果的JavaScript源代码

    标题中的“很好的模拟iGoogle拖动效果的JavaScript源代码”是指使用JavaScript编程语言实现的一种功能,它可以模拟Google个性化主页iGoogle上的元素拖放交互体验。iGoogle允许用户自定义其首页,通过拖动小部件来...

    仿IGoogle可以拖动DIV

    标题中的“仿IGoogle可以拖动DIV”指的是创建一个类似于Google个性化主页(iGoogle)的交互式界面,其中各个模块(通常用DIV元素表示)可以被用户自由拖动以调整布局。这种功能在Web开发中常用于构建高度自定义和...

Global site tag (gtag.js) - Google Analytics