• 关于

    jQueryUI使用

    的搜索结果

回答

Ok,我知道了,原来是调用顺序的问题。在经过了不断刷新页面的过程中,发现偶尔会产生正确的结果(即#a使用uitooltip,#b使用bootstraptooltip)。原因是jqueryui.js(下称jqui)文件的大小是235kb,bootstrap.js(下称bs)文件大小是66kb,jqui需要较多时间去加载,因此,无论如何调换require的顺序,jqui总是后加载完成的。因此此时,在全局环境中的tooltip就是后加载完成的juqi tooltip了。所以$('#b').tooltip();就无法使用bs tooltip了。解决方法很简单,定义加载顺序,要求bs一定要在jqui加载完之后才载入,最后改成如下即可:require.config({ paths: { 'jquery': '../jquery.min', 'bootstrap': 'bootstrap', 'jqueryUI': 'jquery-ui/jquery-ui.min' }, shim: { 'bootstrap': { deps: ['jquery','jqueryUI'], } } }); require(['jquery','jqueryUI','bootstrap'], function (){ $(function(){ $.widget.bridge('uitooltip', $.ui.tooltip); $('#a').uitooltip(); $('#b').tooltip(); }); });
a123456678 2019-12-02 02:05:51 0 浏览量 回答数 0

问题

使用require时如何解决命名空间冲突

最近在尝试require,但是在使用过程中发现有问题。就是不知道如何解决命名空间冲突的问题。举一个简单的例子:JqueryUI中有tooltip,bootstrap里面也有,而基于某种特殊的原因,要把这两个框架都使用在同一个页面中。普通(非...
a123456678 2019-12-01 20:16:07 930 浏览量 回答数 1

问题

使用require时如何解决命名空间冲突

最近在尝试require,但是在使用过程中发现有问题。就是不知道如何解决命名空间冲突的问题。举一个简单的例子:JqueryUI中有tooltip,bootstrap里面也有,而基于某种特殊的原因,要把这两个框架都使用在同一个页面中。普通(非...
小旋风柴进 2019-12-01 19:35:50 985 浏览量 回答数 1

回答

你看切换tab 刷新了吗?也就是调用 tab.refresh()方法了吗?######我是切换了tab后,却想要操作原来隐藏掉的tab里面的元素,发现操作不了(操作元素隐藏)。只能切换回去原来的tab(操作元素可见),才能够操作###### 请问你是如果不能操作的? 按说这种情况是不应该的. ######回复 @甘薯 : 作用就是刷新页面。确实没有执行,数据都没有变。但是如果操作的那个元素是显示的话,那个函数就执行了######回复 @Larry__LE : refresh是否涉及到界面的刷新什么的你没看到效果?这个函数有什么用?######回复 @甘薯 : 是一个基于juqeryUI拓展的一个组件,可以说是一个refresh方法######回复 @Larry__LE : 使用了什么插件? 你调用了什么方法?######隐藏的那个元素也使用了jQueryUI的插件,当我调用这个插件的方法的时候是不行的######根据选择器选择你要操作的元素即可
montos 2020-06-02 20:42:09 0 浏览量 回答数 0

回答

你看切换tab 刷新了吗?也就是调用 tab.refresh()方法了吗?######我是切换了tab后,却想要操作原来隐藏掉的tab里面的元素,发现操作不了(操作元素隐藏)。只能切换回去原来的tab(操作元素可见),才能够操作###### 请问你是如果不能操作的? 按说这种情况是不应该的. ######回复 @甘薯 : 作用就是刷新页面。确实没有执行,数据都没有变。但是如果操作的那个元素是显示的话,那个函数就执行了######回复 @Larry__LE : refresh是否涉及到界面的刷新什么的你没看到效果?这个函数有什么用?######回复 @甘薯 : 是一个基于juqeryUI拓展的一个组件,可以说是一个refresh方法######回复 @Larry__LE : 使用了什么插件? 你调用了什么方法?######隐藏的那个元素也使用了jQueryUI的插件,当我调用这个插件的方法的时候是不行的######根据选择器选择你要操作的元素即可
kun坤 2020-06-14 07:04:56 0 浏览量 回答数 0

回答

你看切换tab 刷新了吗?也就是调用 tab.refresh()方法了吗?######我是切换了tab后,却想要操作原来隐藏掉的tab里面的元素,发现操作不了(操作元素隐藏)。只能切换回去原来的tab(操作元素可见),才能够操作###### 请问你是如果不能操作的? 按说这种情况是不应该的. ######回复 @甘薯 : 作用就是刷新页面。确实没有执行,数据都没有变。但是如果操作的那个元素是显示的话,那个函数就执行了######回复 @Larry__LE : refresh是否涉及到界面的刷新什么的你没看到效果?这个函数有什么用?######回复 @甘薯 : 是一个基于juqeryUI拓展的一个组件,可以说是一个refresh方法######回复 @Larry__LE : 使用了什么插件? 你调用了什么方法?######隐藏的那个元素也使用了jQueryUI的插件,当我调用这个插件的方法的时候是不行的######根据选择器选择你要操作的元素即可
kun坤 2020-05-31 22:45:45 0 浏览量 回答数 0

问题

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js ?400报错

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js 主要特性? 400 报错 日期:2013-3-10  来源:GBin1.com 在线演示 如果大家...
爱吃鱼的程序员 2020-06-02 13:18:16 0 浏览量 回答数 1

问题

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js ?400报错

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js 主要特性? 400 报错 日期:2013-3-10  来源:GBin1.com 在线演示 如果大家...
爱吃鱼的程序员 2020-05-29 18:04:54 0 浏览量 回答数 1

问题

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js 主要特性? 报错

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js 主要特性? 400 报错 日期:2013-3-10  来源:GBin1.com 在线演示 如果大家...
优选2 2020-06-04 21:21:05 0 浏览量 回答数 1

回答

"你看切换tab 刷新了吗?也就是调用 tab.refresh()方法了吗?######我是切换了tab后,却想要操作原来隐藏掉的tab里面的元素,发现操作不了(操作元素隐藏)。只能切换回去原来的tab(操作元素可见),才能够操作###### 请问你是如果不能操作的? 按说这种情况是不应该的. ######回复 @甘薯 : 作用就是刷新页面。确实没有执行,数据都没有变。但是如果操作的那个元素是显示的话,那个函数就执行了######回复 @Larry__LE : refresh是否涉及到界面的刷新什么的你没看到效果?这个函数有什么用?######回复 @甘薯 : 是一个基于juqeryUI拓展的一个组件,可以说是一个refresh方法######回复 @Larry__LE : 使用了什么插件? 你调用了什么方法?######隐藏的那个元素也使用了jQueryUI的插件,当我调用这个插件的方法的时候是不行的######根据选择器选择你要操作的元素即可"
montos 2020-05-31 15:06:00 0 浏览量 回答数 0

回答

eclipse中提示的uptodate一般而言不会影响运行,你尝试下看能运行起来不,这个只是M2eclipse插件的一些提示 建议一开始使用命令行运行一次mvncleaninstall代码地址在哪里,看一下谢谢御剑和后天雨街,按你们所说问题解决.学习了,国内的J2ee快速开发工具平台。这个平台真的好用吗?和jeecg对比哪个好用些?看上去不错,期待快点开发<spanstyle="font-family:微软雅黑,Verdana,sans-serif,宋体;font-size:14px;line-height:normal;background-color:#FFFFFF;">和jeecg对比,jeeecg是传统的SSH,webUI是用easyui;koala是DDD的充血模型的架构方式,webui是jqueryUI. 创建工程的时候到,importMavenProjects步骤时,那些都是XX,怎么解决? Nomarketplaceentriesfoundtohandlemaven-compiler-plugin:2.3.2:compileinEclipse. PleaseseeHelpformoreinformation.Nomarketplaceentriesfoundtohandlemaven-compiler-plugin:2.3.2:testCompileinEclipse. PleaseseeHelpformoreinformation.建议单独发贴提问<aclass='referer'target='_blank'>@御剑
爱吃鱼的程序员 2020-06-22 17:05:50 0 浏览量 回答数 0

回答

Sdada 自己看下控制台报什么错 baseUrl:"../../js/jsPlumb/" 注意这个,是否引起了报错,基本路径,说明后面引用的js都会经过这个路径。。。回复<aclass='referer'target='_blank'>@arrowing:关键也不知道他这个插件内部的依赖是怎么样的回复<aclass='referer'target='_blank'>@arrowing:图补充在问题里了,看看回复<aclass='referer'target='_blank'>@Kent_Chen:那你把报错信息发出来看看这个没问题,引用路径肯定是正确的。不会犯这么低级的错误。<preclass="brush:js;toolbar:true;auto-links:false;">require(["jquery","jquery-ui","jsPlumb"],function($,ui/ 加入/,jsPlumb/ 加入/){varGHandler=jsPlumb.getInstance();GHandler.draggable($("#btn"));}) 回复<aclass='referer'target='_blank'>@arrowing:那其他模块依赖jsplumb这个要怎么写?回复<aclass='referer'target='_blank'>@Kent_Chen:其他js文件依赖于jsPlumb,不是jsPlumb依赖其他文件吧,你自己得先知道依赖关系回复<aclass='referer'target='_blank'>@arrowing:引入只去掉了最后一个getInstance的错误,其他的是依赖的问题啊回复<aclass='referer'target='_blank'>@arrowing:奥,确实忘了引入,但是引入了也还是错啊回复<aclass='referer'target='_blank'>@Kent_Chen:你没引入啊,你jquery和jqueryUI都引入了,没看到吗?这个是requirejs的使用方法,可以查看文档<preclass="brush:js;toolbar:true;auto-links:false;">"jquery-ui":{deps:['jquery'],exports:"jquery-ui"}, 这里是jqueryUi依赖jquery 你不知道?按这个格式写不就好了。。。 知道啊,总之就是试了各种方法,都报错。最后我发现他的官方文档有require.js的实现。。。总之非常感谢你的帮忙:)
爱吃鱼的程序员 2020-06-20 16:48:09 0 浏览量 回答数 0

问题

关于在Require.js使用一个JS插件的问题?报错

大家好~       我需要在项目中引用一个js控件,这个控件依赖于a.js,b.js,c.js,.....n.js N多个js以及jquery及jquery-ui,各js之间相互还有依赖关系,也就是说必须...
爱吃鱼的程序员 2020-06-20 16:47:51 0 浏览量 回答数 1

回答

拖拽原理 首先要明确几个概念。   ource:拖拽源,要拖动的元素。   taerget:拖放目标,能够放入source的容器。 拖拽的动作分解如下:   1. drag start:在拖拽源(source)上按下鼠标并开始移动   2. drag move: 移动过程中   3. drag enter: 移动进入目标(target)容器   4. drag leave: 移出目标(target)容器   5. drop: 在目标(target)容器上释放鼠标   6. drag end: 结束 在html5之前,页面元素不直接支持拖拽事件。所以都是通过监听鼠标事件并记录拖拽状态的方式来实现拖拽功能。 最简单的例子 最简单的拖拽是不改变元素所在的容器,而只改变其位置。例子如下: 复制代码代码如下: 拽我! 拖动到另一个容器 更常见的场景是将元素拖动到另一个容器中。这就需要在drop目标(target)容器上应用droppable函数。让我们在上一个例子的基础上,增加一个div作为容器,并应用droppable函数: 复制代码代码如下: 拽我! Drop here 事件监听和回显(Feedback) 运行上一个例子,你可能会产生疑惑,真的放到目标容器上了吗?用户也会产生同样的疑惑。所以,可以监听拖动过程中发生的一些事件,并用可见的方式让用户知道。这就叫做回显(Feedback)。 对于源(source),可以监听的事件包括:   create: 在source上应用draggable函数时触发   start:开始拖动时触发   drap:拖动过程中触发   stop:释放时触发 对于目标(target),可以监听的事件包括:   create: 在target上应用droppable函数时触发   activate:如果当前拖动的source可以drop到本target,则触发   deactivate:如果可以drop到本target的拖拽停止,则触发   over:source被拖动到target上面   out:source被拖动离开target   drop:source被释放到target 事件处理函数都是通过draggable和droppable函数的参数传递,在这些事件处理函数中就可以进行Feedback。看一下实际的例子: 复制代码代码如下: :-| Can drop! 复制拖动 前面的例子都是移动元素,另一种常见的场景是复制拖动。比如visio中的从画板中拖动元素到画布。这是通过draggable函数的helper参数设定的。 helper可以指定为“original”, "clone",其中"original"是默认值,即拖动自身,而clone表示创建自身的一个克隆用于拖拽。helper还可以指定为函数,该函数返回一个自定义的DOM元素用于拖拽。 当不是拖动自身的时候,需要在target上指定drop事件函数,在该函数中将特定的元素添加到target容器上,否则drop的时候什么事情都不会发生。 简单复制的例子如下: 复制代码代码如下: 拽我! 拖动控制 到目前位置,所有的例子中都可以对source随意拖动。在实际应用中经常需要对拖动行为进行控制。下面给出几个例子。 拖动方向 默认拖动方向为x,y两个方向。通过draggable的axis参数可以限制只能水平或竖直拖动。如下: 复制代码代码如下: -- | 拖动范围 除了方向之外,还可以通过containment参数约束拖动的范围。该参数接受Selector, Element, String, Array类型。其中String可以为parent,document,window,Array是指定一个矩形区域(regin)的四元数组:[x1,y1,x2,y2]。下面的例子分别指定了parent和regin作为范围限制: 复制代码代码如下: in parent in regin 拖动吸附 还可以在拖动的时候吸附到其他元素或网格。使用snap参数指定要吸附到的元素,使用grid参数指定吸附到网格,如下: 复制代码代码如下: 吸附到其他可拖拽元素 吸附到容器 吸附到网格(30x30) 拖动把手(handle) 默认是整个元素都可以拖动,也可以指定元素的某个子元素作为拖动的handle,如: 复制代码代码如下: handle …… Drop限制 默认的droppable指定元素能够接受所有的drop, 但是可以通过accept参数限定只能接受某些元素的drop。accept参数的类型为一个符合jquery selector的字符串。例如: $(".selector").droppable({ accept: '.special' }) 表示只接受具有special 样式的元素。 增强用户体验 前面是实现拖拽的功能,JQueryUI还有一些参数可以增强用户体验。比如,cursor参数可以指定鼠标指针的形状,cursorAt指定鼠标指针在source的相对位置,revert可以指定当drop失败时source“飘”回原来的位置。一个组合的例子如下: 复制代码代码如下: I revert when I'm not dropped Drop me here
游客2q7uranxketok 2021-02-20 15:50:07 0 浏览量 回答数 0

回答

拖拽原理 首先要明确几个概念。   ource:拖拽源,要拖动的元素。   taerget:拖放目标,能够放入source的容器。 拖拽的动作分解如下:   1. drag start:在拖拽源(source)上按下鼠标并开始移动   2. drag move: 移动过程中   3. drag enter: 移动进入目标(target)容器   4. drag leave: 移出目标(target)容器   5. drop: 在目标(target)容器上释放鼠标   6. drag end: 结束 在html5之前,页面元素不直接支持拖拽事件。所以都是通过监听鼠标事件并记录拖拽状态的方式来实现拖拽功能。 最简单的例子 最简单的拖拽是不改变元素所在的容器,而只改变其位置。例子如下: 复制代码代码如下: 拽我! 拖动到另一个容器 更常见的场景是将元素拖动到另一个容器中。这就需要在drop目标(target)容器上应用droppable函数。让我们在上一个例子的基础上,增加一个div作为容器,并应用droppable函数: 复制代码代码如下: 拽我! Drop here 事件监听和回显(Feedback) 运行上一个例子,你可能会产生疑惑,真的放到目标容器上了吗?用户也会产生同样的疑惑。所以,可以监听拖动过程中发生的一些事件,并用可见的方式让用户知道。这就叫做回显(Feedback)。 对于源(source),可以监听的事件包括:   create: 在source上应用draggable函数时触发   start:开始拖动时触发   drap:拖动过程中触发   stop:释放时触发 对于目标(target),可以监听的事件包括:   create: 在target上应用droppable函数时触发   activate:如果当前拖动的source可以drop到本target,则触发   deactivate:如果可以drop到本target的拖拽停止,则触发   over:source被拖动到target上面   out:source被拖动离开target   drop:source被释放到target 事件处理函数都是通过draggable和droppable函数的参数传递,在这些事件处理函数中就可以进行Feedback。看一下实际的例子: 复制代码代码如下: :-| Can drop! 复制拖动 前面的例子都是移动元素,另一种常见的场景是复制拖动。比如visio中的从画板中拖动元素到画布。这是通过draggable函数的helper参数设定的。 helper可以指定为“original”, "clone",其中"original"是默认值,即拖动自身,而clone表示创建自身的一个克隆用于拖拽。helper还可以指定为函数,该函数返回一个自定义的DOM元素用于拖拽。 当不是拖动自身的时候,需要在target上指定drop事件函数,在该函数中将特定的元素添加到target容器上,否则drop的时候什么事情都不会发生。 简单复制的例子如下: 复制代码代码如下: 拽我! 拖动控制 到目前位置,所有的例子中都可以对source随意拖动。在实际应用中经常需要对拖动行为进行控制。下面给出几个例子。 拖动方向 默认拖动方向为x,y两个方向。通过draggable的axis参数可以限制只能水平或竖直拖动。如下: 复制代码代码如下: -- | 拖动范围 除了方向之外,还可以通过containment参数约束拖动的范围。该参数接受Selector, Element, String, Array类型。其中String可以为parent,document,window,Array是指定一个矩形区域(regin)的四元数组:[x1,y1,x2,y2]。下面的例子分别指定了parent和regin作为范围限制: 复制代码代码如下: in parent in regin 拖动吸附 还可以在拖动的时候吸附到其他元素或网格。使用snap参数指定要吸附到的元素,使用grid参数指定吸附到网格,如下: 复制代码代码如下: 吸附到其他可拖拽元素 吸附到容器 吸附到网格(30x30) 拖动把手(handle) 默认是整个元素都可以拖动,也可以指定元素的某个子元素作为拖动的handle,如: 复制代码代码如下: handle …… Drop限制 默认的droppable指定元素能够接受所有的drop, 但是可以通过accept参数限定只能接受某些元素的drop。accept参数的类型为一个符合jquery selector的字符串。例如: $(".selector").droppable({ accept: '.special' }) 表示只接受具有special 样式的元素。 增强用户体验 前面是实现拖拽的功能,JQueryUI还有一些参数可以增强用户体验。比如,cursor参数可以指定鼠标指针的形状,cursorAt指定鼠标指针在source的相对位置,revert可以指定当drop失败时source“飘”回原来的位置。一个组合的例子如下: 复制代码代码如下: I revert when I'm not dropped Drop me here
游客2q7uranxketok 2021-02-20 15:49:40 0 浏览量 回答数 0

回答

拖拽原理 首先要明确几个概念。   ource:拖拽源,要拖动的元素。   taerget:拖放目标,能够放入source的容器。 拖拽的动作分解如下:   1. drag start:在拖拽源(source)上按下鼠标并开始移动   2. drag move: 移动过程中   3. drag enter: 移动进入目标(target)容器   4. drag leave: 移出目标(target)容器   5. drop: 在目标(target)容器上释放鼠标   6. drag end: 结束 在html5之前,页面元素不直接支持拖拽事件。所以都是通过监听鼠标事件并记录拖拽状态的方式来实现拖拽功能。 最简单的例子 最简单的拖拽是不改变元素所在的容器,而只改变其位置。例子如下: 复制代码代码如下: 拽我! 拖动到另一个容器 更常见的场景是将元素拖动到另一个容器中。这就需要在drop目标(target)容器上应用droppable函数。让我们在上一个例子的基础上,增加一个div作为容器,并应用droppable函数: 复制代码代码如下: 拽我! Drop here 事件监听和回显(Feedback) 运行上一个例子,你可能会产生疑惑,真的放到目标容器上了吗?用户也会产生同样的疑惑。所以,可以监听拖动过程中发生的一些事件,并用可见的方式让用户知道。这就叫做回显(Feedback)。 对于源(source),可以监听的事件包括:   create: 在source上应用draggable函数时触发   start:开始拖动时触发   drap:拖动过程中触发   stop:释放时触发 对于目标(target),可以监听的事件包括:   create: 在target上应用droppable函数时触发   activate:如果当前拖动的source可以drop到本target,则触发   deactivate:如果可以drop到本target的拖拽停止,则触发   over:source被拖动到target上面   out:source被拖动离开target   drop:source被释放到target 事件处理函数都是通过draggable和droppable函数的参数传递,在这些事件处理函数中就可以进行Feedback。看一下实际的例子: 复制代码代码如下: :-| Can drop! 复制拖动 前面的例子都是移动元素,另一种常见的场景是复制拖动。比如visio中的从画板中拖动元素到画布。这是通过draggable函数的helper参数设定的。 helper可以指定为“original”, "clone",其中"original"是默认值,即拖动自身,而clone表示创建自身的一个克隆用于拖拽。helper还可以指定为函数,该函数返回一个自定义的DOM元素用于拖拽。 当不是拖动自身的时候,需要在target上指定drop事件函数,在该函数中将特定的元素添加到target容器上,否则drop的时候什么事情都不会发生。 简单复制的例子如下: 复制代码代码如下: 拽我! 拖动控制 到目前位置,所有的例子中都可以对source随意拖动。在实际应用中经常需要对拖动行为进行控制。下面给出几个例子。 拖动方向 默认拖动方向为x,y两个方向。通过draggable的axis参数可以限制只能水平或竖直拖动。如下: 复制代码代码如下: -- | 拖动范围 除了方向之外,还可以通过containment参数约束拖动的范围。该参数接受Selector, Element, String, Array类型。其中String可以为parent,document,window,Array是指定一个矩形区域(regin)的四元数组:[x1,y1,x2,y2]。下面的例子分别指定了parent和regin作为范围限制: 复制代码代码如下: in parent in regin 拖动吸附 还可以在拖动的时候吸附到其他元素或网格。使用snap参数指定要吸附到的元素,使用grid参数指定吸附到网格,如下: 复制代码代码如下: 吸附到其他可拖拽元素 吸附到容器 吸附到网格(30x30) 拖动把手(handle) 默认是整个元素都可以拖动,也可以指定元素的某个子元素作为拖动的handle,如: 复制代码代码如下: handle …… Drop限制 默认的droppable指定元素能够接受所有的drop, 但是可以通过accept参数限定只能接受某些元素的drop。accept参数的类型为一个符合jquery selector的字符串。例如: $(".selector").droppable({ accept: '.special' }) 表示只接受具有special 样式的元素。 增强用户体验 前面是实现拖拽的功能,JQueryUI还有一些参数可以增强用户体验。比如,cursor参数可以指定鼠标指针的形状,cursorAt指定鼠标指针在source的相对位置,revert可以指定当drop失败时source“飘”回原来的位置。一个组合的例子如下: 复制代码代码如下: I revert when I'm not dropped Drop me here
游客2q7uranxketok 2021-02-20 15:50:18 0 浏览量 回答数 0

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务