jqueryui

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

【jqueryui】技术教程文章

javascript – “appendTo”-method在jQueryUI中将draggable连接到可排序元素时无法正常运行【代码】

我正在尝试将jQueryUI可拖动元素连接到可排序元素,并且助手始终附加到正文.当我将可拖动元素拖到可排序元素上时,帮助器将插入到可排序元素中.尽管可排序的元素都会在拖动时附加到body元素.$(".a").sortable({appendTo: document.body,connectWith: ".a",helper: "clone" }).disableSelection();$("section div").draggable({connectToSortable: ".a",helper: "clone",revert: "invalid",appendTo: document.body }).parent().disab...

javascript – 从jQueryUI对话框中删除标题栏?【代码】

如何删除标题栏. 我在这里检查了API但找不到任何东西. http://api.jqueryui.com/dialog/ 我注意到其他“解决方案”具有更酷的GUI,然后是jQuery,尤其如此 http://www.ericmmartin.com/projects/simplemodal/ 但是我想使用jQueryUI b.c.所有资源……在线API文档,教程等 我只需要知道如何摆脱标题栏? 谢谢解决方法:将el作为创建对话框的原始元素:$(el).siblings('.ui-dialog-titlebar').remove();见http://jsfiddle.net/alnitak/N9T...

javascript – 如何使用jqueryui对话框按钮提交表单,【代码】

我想使用jqueryui按钮提交表单.我有一些代码,但它不起作用.这是代码:<script type="text/javascript"> function findUrls() {var text = document.getElementById("text").value;var source = (text || '').toString();var urlArray = [];var url;var matchArray;// Regular expression to find FTP, HTTP(S) and email URLs.var regexToken = /\b(http|https)?(:\/\/)?(\S*)\.(\w{2,4})\b/ig;// Iterate through any URLs in the...

javascript – JqueryUI工具提示可以防止元素下拉停留在IE 11中【代码】

当我在IE 11中打开此HTML并允许编写脚本时,单击下拉列表会使其闪烁并立即消失.有任何想法吗? 这是一个更大的应用程序,具有样式和其他元素,但这是重现它的最小值. 我留下了一些技巧,我试图抵消这一点 – 在onclick和onmouseover你可以看到我试图删除属性的脚本.但是,无论什么打破,下拉列表已经损坏了它.当我删除HTML顶部的脚本以显示工具提示时,甚至会发生这种情况;它没有出现,但下拉列表仍然被打破.<html><script type="text/java...

javascript – jQueryUI多个可放置的元素【代码】

为什么当我将可拖动的div拖到droppable1 div时,它总是放在droppable2 div中. 此外,我遵循jQuery UI快照选项,但它不起作用.我怎么能做到这一点,而不是拖动实际的可拖动元素,它拖动它的实例/副本,并有droppable接受这些可拖动元素的多个.<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script>$(function() {$( '#draggable' ).draggable();$( '#droppable1' ).droppable({drop: function(event, ui){$(th...

javascript – JQueryUI Slider – 当前位置的工具提示【代码】

目前我有一个滑块和一个小输入文本框,根据您在其上滚动的位置进行更新. 这是javascript:$("#slider").slider({value: 500,min: 0,max: 1000,step: 50,slide: function(event, ui) {$("#budget").val(ui.value);},change: function(event, ui) {} }); $("#budget").val($("#slider").slider("value"));?这是html / css:<input type="text" id="budget" style="width:50px;text-align:center"/><div id="slider"></div>?然而,看起来...

javascript-如何手动触发搜索,然后在jQueryUI自动完成中手动选择第一个选项?【代码】

如何触发搜索并在jQueryUI自动完成中手动选择?在小提琴示例中,我设法触发了搜索,但是无法触发select方法并选择第一个选项. JSFIDDLE solution in this线程似乎已过时.它给出了这个错误:Uncaught TypeError: Cannot read property '_trigger' of undefined$(document).ready(function() {var aTags = ["ask","always", "all", "alright", "one", "foo", "blackberry", "tweet","force9", "westerners", "sport"];var tag = $('#ta...

javascript-使用JQueryUi draggable可拖动的选定HTML DIV元素【代码】

我有一个可拖动的jQuery对象数组.我想要的是拖动数组中存在的任何元素时,还应该拖动所有其他元素. 以下是我尝试过但没有成功的示例代码$(event.target).parents('.ui-class-name').draggable({disabled : false, helper: function() {var allSelectedEle = $($selected).map( function() {return this.toArray() });return allSelectedEle; } });这里$selected是jQuery对象的数组 更新:这是sample标记解决方法:您需要保存元素的初...

javascript-JqueryUI拖动:游标与可拖动元素不在同一位置【代码】

我正在使用最新版本的JQuery和JQuery UI来了解拖放功能.我面临一个小问题-主要是由于鼠标拖动.As you can see that I am creating stacks with some items in it. Now if these stacks are just inside body – I mean div.allstacks is inbody there is no problem. But as soon as I put all these stacks insidea div#left-panel, the problem of cursor losing focus starts. This means now when I drag an item, after hori...

javascript-JQueryUI在选项中添加图像【代码】

首先,我尝试为jquery找到一个选择菜单插件,以便能够在选项中呈现图像.我找到了这样的一个,但是很久以前它还没有更新,我担心它不再受支持了.所以我正在努力发展自己的. 所以我试图创建一个JQuery UI Select菜单,我想在该选项中添加一个图像. 然后,构建我的选择,并为每个选项添加图像src数据作为附加属性.加载jquery UI选择菜单后,我要设置图像. 我在服务器上渲染<select id="CarId2" name="CarId2"><option value="volvo" data-imag...

JQUERYUI - 相关标签