Questions tagged «jquery-ui»

jQuery UI是在jQuery JavaScript库之上构建的一组精选的用户界面交互,效果,小部件和主题。

6
Twitter Bootstrap中的树[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow 的主题。 6年前关闭。 改善这个问题 我一直在尝试创建一个树(如目录树),该树使用尽可能多的CSS和尽可能少的JS(仅用于状态等),并且我想知道是否存在一些用于引导的良好现有树插件。或jquery-ui bootstrap。 对于参考或对此问题感到困惑的人,我正在寻找类似dynatree的引导程序。


2
jQuery UI滑块在移动设备上的触摸和拖动/拖放支持
我已经将jQuery UI滑块样式化并实现到一个项目中。尽管它是响应式的,但滑块不会响应被触摸和拖动的情况。取而代之的是,您必须触摸滑块要移到的位置。我想避免切换到支持触摸和拖动的jQuery移动UI,因为我们已经广泛使用了jQuery(非移动)UI。 我们想要的功能: 这里 我们正在使用什么:这里 在台式机上,您无法分辨出差异。在移动设备上很明显。 有谁知道如何将这种支持添加到jQuery UI? $("#videographers").slider({ value: 2, min: 1, max: 3, step: 1, slide: function(event, ui) { return calcTotal(ui.value); } });

6
调整浏览器大小时如何自动居中jQuery UI对话框?
当您使用jquery UI对话框时,除一件事情外,其他所有方法都工作正常。调整浏览器的大小后,对话框将停留在其初始位置,这可能确实很烦人。 您可以在以下网址进行测试:http : //jqueryui.com/demos/dialog/ 单击“模式对话框”示例,然后调整浏览器的大小。 我希望能够在浏览器调整大小时让对话框自动居中。是否可以对我的应用程序中的所有对话框以有效的方式完成? 非常感谢!




6
选择jQuery UI自动完成后清除表单字段
我正在开发一个表单,并使用jQuery UI Autocomplete。当用户选择一个选项时,我希望该选择弹出到附加到父<p>标记的跨度中。然后,我希望该字段清除,而不是用选择填充。 我的跨度看起来很好,但是我无法清除该字段。 如何取消jQuery UI Autocomplete的默认选择操作? 这是我的代码: var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"]; $("[id^=item-tag-]").autocomplete({ source: availableTags, select: function(){ var newTag = $(this).val(); $(this).val(""); $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>"); } }); 简单地做$(this).val("");是行不通的。令人发疯的是,如果我忽略自动完成功能,并且几乎在用户键入逗号时采取措施,则几乎所有的功能都可以正常工作: $('[id^=item-tag-]').keyup(function(e) { if(e.keyCode == 188) { var newTag = $(this).val().slice(0,-1); $(this).val(''); $(this).parent().append("<span>" …

4
如何获取jQuery下拉值onchange事件
我添加了两个jQuery UI Dropdown自动完成脚本。现在,我想同时获取第二个下拉菜单的值onchange和要分别存储在变量中。怎么可能? 有什么想法或建议吗?谢谢。 我的小提琴: 样本 我的JS代码: (function($) { $.widget("ui.combobox", { _create: function() { var self = this, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : ""; var input = this.input = $("<input>").insertAfter(select).val(value).autocomplete({ delay: 0, minLength: 0, source: function(request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), …

10
如何删除/更改JQuery UI自动完成帮助器文本?
看来这是JQuery UI 1.9.0中的一项新功能,因为我之前多次使用过JQuery UI,并且此文本从未弹出过。 在API文档中找不到任何相关内容。 因此,使用带有本地源的基本自动完成示例 $( "#find-subj" ).autocomplete({ source: availableTags }); 当搜索匹配时,将显示以下相关帮助器文本: “有1个结果可用,使用上下箭头键进行导航。” 我如何以一种不错的方式禁用它,而不是通过使用JQuery选择器将其删除。

13
将字符串转换为数字并加一个
我想将从id中获得的值转换为数字并添加一个值,然后将新值传递给dosomething()函数以使用。当我尝试这个并且值是1时,我得到11而不是2。 $('.load_more').live("click",function() { // When user clicks var newcurrentpageTemp = $(this).attr("id") + 1;// Get id from the hyperlink alert(parseInt(newcurrentpageTemp)); dosomething(); });
94 jquery  html  jquery-ui 



8
5秒后jQuery自动隐藏元素
使用jQuery加载表单后5秒钟,是否可以自动隐藏网页中的元素? 基本上,我有 <div id="successMessage">Project saved successfully!</div> 我想在5秒后消失。我已经看过jQuery UI和hide效果,但是在按我想要的方式工作时遇到了一些麻烦。 <script type="text/javascript"> $(function() { function runEffect() { var selectedEffect = 'blind'; var options = {}; $("#successMessage").hide(selectedEffect, options, 500); }; $("#successMessage").click(function() { runEffect(); return false; }); }); </script> 我希望删除click函数,并添加一个5秒后调用runEffect()的超时方法。
92 jquery  jquery-ui 

5
Javascript数组Concat无法正常工作。为什么?
因此,我创建了这个jqueryui小部件。它创建了一个div,我可以将错误导入其中。小部件代码如下所示: $.widget('ui.miniErrorLog', { logStart: "<ul>", // these next 4 elements are actually a bunch more complicated. logEnd: "</ul>", errStart: "<li>", errEnd: "</li>", content: "", refs: [], _create: function() { $(this.element).addClass( "ui-state-error" ).hide(); }, clear: function() { this.content = ""; for ( var i in this.refs ) $( this.refs[i] ).removeClass( "ui-state-error" …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.