jqueryui

以下是为您整理出来关于【jqueryui】合集内容,如果觉得还不错,请帮忙转发推荐。

【jqueryui】技术教程文章

jQueryUI 之控件【代码】

总结:总的来说,这些控件可以在官网找到列子, 部分ui效果不如意的,可根据jQueryUI上添加的类选择器等,进行再加工<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script src="../jquery-2.2.4.min.js"></script><script src="jquery-ui.min.js"></script><link rel="stylesheet" href="jquery-ui.min.css" type="text/css"/><script>var current = 0;var max = 100;function changePro() {current...

javascript – 为排序列表组合AngularJS,jQueryUI,Angular-Drag-Drop【代码】

我有以下情况需要允许用户从列表中选择对象并将其拖放到某个插槽中:对象可以是插槽大小的一到三倍.因此,如果用户将对象1拖动到插槽0,则它仅占用插槽0(startSlot = 0和endSlot = 0).但是,如果用户将对象3拖动到插槽3,则它占用插槽3,4和5(startSlot = 3和endSlot = 5). 将对象放入插槽后,用户可以通过在插槽中上下单击并拖动对象来重新排序对象.对象不能相互重叠:我正在使用Angular,所以我正在从数据库中读取对象列表,并且我有一个...

javascript – JQueryUI sortable:允许仅排序到第二个列表但不回到第一个列表【代码】

我有两个列表,我想使用Jquery UI进行排序.它应该工作的方式是列表一包含一些项目的选择可能被拖到列表2.然而,不应该允许在列表1中排序或从列表2拖回到列表1,最后在列表2中排序是允许. 列表是这样的<ul class="sortable" id = "list1"><li> Item 1 </li><li> Item 2 </li><li> Item 3 </li><li> Item 4 </li> </ul><ul class="sortable" id = "list2"><li> Item 1 </li><li> Item 2 </li><li> Item 3 </li><li> Item 4 </li> </ul>我...

javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)【代码】

在Meteor文档中,它表示将在DOM之后调用Meteor.startup,并且所有模板都已处理完毕.但是,我在Meteor.startup中的代码就好像DOM元素不存在一样. 在.js:Meteor.startup(function () {console.log($('.draggable').length); });在.html中:<template name="item"><div class="draggable ui-widget-content"></div> </template>在控制台中我看到:0但在页面上我可以看到我的物品.事实上,如果我将我的JQuery包含在Template.item.rendered...

javascript – 在iOS / iphone / ipad中放大时,jqueryui对话框的位置问题【代码】

我有一个jqueryui对话框,除非在iOS设备上放大,否则效果很好.当用户触发打开对话框时,它会离开屏幕.如果用户未缩放,则不会发生这种情况.可以做些什么来解决这个问题?$('#white_box_content_'+id).dialog({ autoOpen: false,modal:true,position:"center",closeText:'',resizable:false,title:null,draggable:false,//dialogClass:'jquery_dialog_position',zIndex:800 });$('#white_box_content_'+id).dialog('open');$('.ui-widge...

javascript – jqueryUI自动完成菜单显示效果【代码】

我花了半天的时间尝试为自动完成下拉菜单应用淡入淡出效果…最后的结果对我来说非常不舒服 – 看起来像’幸运射击’,而不是真正的解决方案. 我使用jqueryui默认演示为例,并添加行:var acMenu = $("#tags").data().autocomplete.menu.activeMenu; acMenu._basehide = acMenu.hide; acMenu.hide = function(){this._basehide("fade","slow");}; acMenu._baseshow = acMenu.show; acMenu.show = function(){this._baseshow("fade","s...

javascript – jQueryUI选项中的条件If语句?【代码】

我有一个JavaScript函数,我正在传递一个参数,打开一个jQueryUI对话框.我希望对话框根据参数的值有一个或两个按钮.我该怎么做? 到目前为止,我已经尝试过:function foo(hasFile) {$('#dialog').dialog({buttons: {Close: function() { $(this).dialog('close'); },if (hasFile)"Download": // do something}}); }和function foo(hasFile) {$('#dialog').dialog({buttons: if (hasFile){"Download": // do somethingClose: function...

javascript – 使用jQueryUI对话框,如何获取打开对话框的元素?【代码】

例如,我有许多行数据,每行都有一个带有“编辑按钮”类的“编辑”按钮. 我对.edit-button元素有一个.live()单击处理程序. 在其中一个“按钮”的对话框回调中,我想将该行作为参数传递. 具体来说,我想得到.edit-button的父tr(在表中)的ID属性. 通常,我可能会做以下事情:var tr = $(element).parents("tr:first");…获取tr元素. 这将如何实现?解决方法:与.live绑定时(‘click’,函数(eventObj) eventObj将允许您访问eventObj.target,...

javascript – JQueryUI菜单选择事件未触发【代码】

根据http://docs.jquery.com/UI/Menu#event-select中的文档,以下内容应该在选择(单击?)项目时触发事件,但它不会执行任何操作.我错过了什么吗?<!DOCTYPE html> <html> <head><link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><script src="http://ajax.goog...

javascript – Jqueryui与meteor.js【代码】

我想进入meteor.js开发一个应用程序,因为它的惊人,似乎使Web开发变得如此简单. 问题是应用程序将有2个连接的可排序嵌套列表,我将使用mjqueryui进行排序. 关于在meteor.js中使用jqueryui的任何示例或信息,我找不到太多,只是很久以前使用旧版本的meteor而不是spark. 任何人都可以告诉我这是如何工作的,建议的方式是两者一起使用,如果可能的话,一个例子或任何引用. 也建议一起使用这些,还是我应该使用另一种方式/库? 非常感谢干草堆解...

JQUERYUI - 相关标签