`
zengshaotao
  • 浏览: 792270 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

div克隆,easy ui插件

 
阅读更多

 

项目要发布,真正操作就碰到了一些问题:

 

1.项目发布了,启动日志正常,浏览器访问不了

 

d:首先排除网络问题,因为ftp工具都正常使用,然后是防火墙这个鬼东西

 

防火墙命令,不同的OS不一致,所以用 lsb_release -a 查看了比较全的系统信息

 

接下来就是service iptables status  ,service iptables stop  等等命令操作防火墙。

 

项目可以访问了,但是效果不是最新的,重启服务器没用,最后刷缓存有用了,原来chrome浏览器除了

速度快的好处外,缓存倒是差强人意。需要说明的是,jsp的js脚本刷新就可以,但是通过script标签引入的

脚本文件就需要清理缓存了。

 

另外,有些属性需要识记,如event,一个window的对象属性,类似alert()方法属性一样,不要奇怪。

 

2.JQuery easy ui的div显示插件问题

 

div在页面上都有id,如果没有,highchart插件就会报错的。所以div都很老实,都有id。

可是后来easy ui插件开始捣乱了。原来你定义了一个div,这个插件为了显示,衍生了一堆的div,搞死人了,首先的一个就是定位问题。因为有衍生div,所以不能简单的处理自己定义的div。

说到定位,鼠标定位就经常见:

 

不太好描述,直接看代码吧

        

                        //获得鼠标当前所在位置:当前操作所在document的可视区域+滚动距离

                                //这里的clientY是鼠标顶到document的顶部距离,有frame的好理解些

                    var showy = event.clientY+document.body.scrollTop;

                   

                               //插件会在定义的div外面套一层,所以要向上追溯

                        $("#issueStdDrillDiv1").parent().css({"top":showy+"px"});

                        $("#issueStdDrillDiv1").dialog("open").dialog("setTitle",this.name);

                        //以下是获得显示的div层的阴影层。这个阴影层是克隆可视的div,所以必须先有可视div

                        //即先有上面的语句,才有下面的语句,顺序不能颠倒

                        $("#issueStdDrillDiv1").parent().next("div").css({"top":showy+"px"});

分享到:
评论

相关推荐

    jquery easy ui模板

    **jQuery Easy UI 模板详解** jQuery Easy UI 是一个基于 jQuery 的前端开发框架,它提供了一系列的组件和样式,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个压缩包包含的 "jQuery Easy UI 学习...

    JavaScript提高:001:ASP.NET使用easy UI

    例如,你可以使用`<div>`元素配合Easy UI的"datagrid"组件创建数据表格,只需设置相应的属性,就能实现数据的分页、排序和过滤。对于交互式操作,如弹出对话框,可以利用Easy UI的"dialog"组件,通过JavaScript调用...

    jquery easy ui使用全解

    ### jQuery Easy UI 使用详解 #### 一、简介与安装配置 jQuery Easy UI 是一个基于 jQuery 的简化用户界面库,提供了一系列预定义的 UI 组件,如按钮、对话框、网格等,大大简化了 Web 应用程序的开发过程。通过...

    Jquery easy ui 中文帮助手册

    **jQuery Easy UI 中文帮助手册** 是一份详细指导开发者如何使用 jQuery Easy UI 框架的文档,旨在帮助用户更好地理解和应用这个强大的前端开发工具。jQuery Easy UI 是基于 jQuery 的一个轻量级、易于使用的组件库...

    Easy-UI类库

    此外,由于Easy-UI是基于jQuery的,因此它可以与其他基于jQuery的插件良好共存,扩展性极强。 总的来说,Easy-UI是一个强大且易用的前端开发工具,对于希望快速构建B/S系统的开发者来说,它是一个非常有价值的资源...

    JavaScript提高:002:ASP.NET使用easy UI实现tab效果

    在JavaScript的世界里,提升用户体验是至关重要的,而ASP.NET结合Easy UI库可以帮助开发者轻松实现这一目标。本篇文章将深入探讨如何在ASP.NET项目中利用Easy UI创建动态的Tab效果,为用户界面添加丰富的交互性。 ...

    jquery easy ui 框架

    除此之外,jQuery Easy UI 还支持与其他jQuery插件和库的无缝集成,如与jQuery UI、Highcharts等结合,可以进一步提升应用的用户体验。在实际项目中,开发者可以根据需求选择使用Easy UI的部分组件,或者完整框架,...

    jquery easy UI demo

    这个“jquery easy UI demo”示例项目,旨在帮助开发者快速上手并理解如何使用 EasyUI。 **1. jQuery EasyUI 基本概念** - **jQuery**: jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理...

    jquery Easy UI

    - 第二个`<div>`(`#dd2`)使用`proxy`选项,`proxy:'clone'`意味着拖动时会克隆原始元素。 - 第三个`<div>`(`#dd3`)使用一个自定义函数来创建拖动代理,该函数创建一个新的`<div>`作为代理。 #### 2. 构建购物...

    Easy-Ui后台搭建

    Easy-Ui的布局组件如`<div class="easyui-layout">`允许你将页面划分为多个区域(如北、南、东、西、中),通过调整各个区域的大小和位置,实现灵活的页面布局。同时,你可以使用`<div class="easyui-panel">`来创建...

    easy ui css

    Easy UI CSS是一个基于jQuery的轻量级用户界面框架,它为开发者提供了丰富的预设样式和组件,便于快速构建美观、响应式的Web应用界面。在"Easy UI CSS主题分享"中,我们关注的是如何利用这些主题来提升网页设计的...

    easy ui datagrid项目完整源代码

    《jQuery Easy UI Datagrid 完整项目源代码详解》 jQuery Easy UI 是一款基于 jQuery 的前端框架,它提供了一系列的组件,使得开发者可以快速构建出美观且功能丰富的 Web 应用程序。其中,Datagrid 是 Easy UI 的...

    jQuery easy ui学习教程

    jQuery EasyUI 是一个基于 jQuery 的强大 UI 库,它为 web 开发者提供了一套完整的用户界面组件,旨在简化创建功能丰富的、美观的前端应用的过程。通过使用 jQuery EasyUI,开发者无需深入研究 JavaScript 和 CSS,...

    easy UI实现的界面原型

    Easy UI 是一种轻量级的前端开发框架,专为快速构建美观、易用的界面原型而设计。本文将深入探讨如何利用Easy UI 实现一个界面原型,特别是以"StudentSystem"为例。 Easy UI 是基于JavaScript库jQuery的,它提供了...

    jQuery官方UI插件

    学习 jQuery UI 插件,不仅可以提升你的前端开发技能,还能帮助你快速构建美观且互动性强的网页界面。通过实践这些组件,理解它们的工作原理,你将能够灵活运用到实际项目中,提高用户体验。这个压缩包中的文件很...

    jquery easy ui tree

    Easy UI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。在 Easy UI 中,Tree 组件是一个常见的元素,用于展示层次结构的数据,常用于导航菜单、组织结构图等场景。标题...

    JQ UI 拖拽DIV插件

    本文将详细介绍JQ UI中的拖拽功能,以及如何实现一个兼容性高的拖拽DIV插件。 首先,让我们了解JQ UI的拖拽功能。在JQ UI中,`draggable()` 是一个核心方法,用于将元素变为可拖动的。通过调用此方法并传入相应的...

    JQ JS javascript layui UI组件 元素 div 拖动插件

    本资源涉及的是一个基于jQuery(JQ)、JavaScript(JS)和layui框架的UI组件,特别关注的是元素(尤其是div)的拖动功能。拖动插件是一种常见且实用的增强交互性的工具,它允许用户通过鼠标操作移动页面上的元素,...

    jQuery ui drag插件实现浮动div拖动排列布局代码

    本篇文章将深入讲解如何使用jQuery UI Drag插件来创建可拖动的浮动div,并将其应用于布局排列,以及如何将排序结果保存到数据库。 **1. jQuery UI Drag插件介绍** jQuery UI是基于jQuery库的一个扩展,它提供了...

    jQuery easy ui API文档

    调用`tabs()`方法后,jQuery Easy UI会将这些`<div>`转换为交互式的标签页。 ### Options(选项) jQuery Easy UI的Tabs组件提供了许多可配置的选项,以满足不同需求。例如: - `width`: 设置tabs容器的宽度。 - `...

Global site tag (gtag.js) - Google Analytics