Tag: jquery ui

在滑块下的jQuery UI滑块标签

我仅限于使用jQuery 1.4.2和jQuery UI 1.8.5（这是不是select，请不要问我升级到最新版本）。 我已经创build了一个滑块，显示滑块上方的当前值，但我现在需要的是一种方法来填充滑块下面的滑块，距离滑块相同（即如果滑块是100px宽，有五个值滑块会捕捉每20px。在这个例子中，我想图例中的值被放置在20px间隔）。 这是我想要的一个例子： 这里是我有（从UI滑块演示页面同化）的jQuery： //select element with 5 – 20 options var el = $('.select'); //add slider var slider = $( '<div class="slider"></div>' ).insertAfter( el ).slider({ min: 1, max: el.options.length, range: 'min', value: el.selectedIndex + 1, slide: function( event, ui ) { el.selectedIndex = ui.value – 1; slider.find("a").text(el.options[el.selectedIndex].label); }, stop: function() { […]

样式化JQuery UI自动完成

小提琴 我试图设置自动完成内部的部分，但我不知道该放在CSS的部分。 我正在试图使： color: #96f226; border-radius: 0px; border: 1px solid #454545; 有什么build议么？？？

Datepicker返回未捕获的types错误：undefined'currentDay'

我一直使用Bootstrap使用jQuery UI，我似乎遇到了一个我以前没有遇到的问题。 我不确定发生了什么变化。 我已经尝试设置不同版本的jQuery，同时我没有更新jQuery UI。 所以我不确定是什么打破了。 当我点击dateselect器中的任何date时，从控制台的错误返回： Uncaught TypeError: Cannot set property 'currentDay' of undefined 该代码是相当简单的，如从dateselect器期望： $(".datepicker").datepicker({ dateFormat: 'dd-mm-yy' }); 使用以下HTML： <input type="text" class="datepicker" /> 这是一个应该报告的错误（因为没有其他的Google比赛出现）或者是我错过了什么？

如何使用Bootstrap Datepicker获取选定的date值？

使用jquery和Bootstrap Datepicker，如何获取使用Bootstrap Datepickerselect的新date值？ 仅供参考，我正在使用Rails 3和Coffescript。 我使用以下命令设置数据访问器： <input id="startdate" class="span2 datepicker" type="text" value="" name="startdate" default="2013-05-21" data-date="2013-05-21" data-behavior="datepicker"> <%= submit_tag 'Get Data using date', :id => 'get_data' %> $(".datepicker").datepicker endDate: new Date format: "yyyy-mm-dd" autoclose: true minViewMode: 1 todayBtn: "linked" 当用户点击它旁边的“获取数据使用date”button时，我将使用jQuery获取由datepicker设置的新date值，阻止表单提交并使用该date值运行ajax请求。 所有的Ajax运行良好，除了获得正确的新date值。 我尝试了以下两种方法，它不会给我新的date，它只会返回我最初设置的默认值。 sd1 = $('#startdate').attr('value') console.log sd1 sd2 = $('#startdate').attr('data-date')) console.log sd2 我现在感觉非常愚蠢，但我无法find如何获得由引导dateselect器设置的新date值。

jquery和jQuery UI的区别是什么？

jQuery和jQuery UI什么区别？ 他们是不同的框架？ jQuery库需要工作jquery UI还是两个独立工作？ 任何jQuery选项卡插件和jQuery UI选项卡之间有什么区别？ 哪个更好用？

使用jQuery编程移动项目，同时仍然触发事件

我正在使用jQuery Sortable。 我有这样的HTML设置： <ul id='plan'> <li class='item'>1</li> <li class='item'>2</li> <li class='item'>3</li> <li class='item'>4</li> </ul> 我想以编程方式将<li>移动到不同的位置。 我可以用下面的JS来实现这个： $("#plan li:eq(1)").insertAfter($("#plan li:eq(2)")); 这工作正常，除非它不触发像更改或更新的可sorting事件。 我有一个在sorting的更新事件上运行的函数，但是用JS移动li不会触发这个。 有谁知道如何触发sorting更新事件？

jQuery UI对话框单独的CSS样式

我正在寻找一种模式对话框（使用用户界面对话框）与传统的对话框独立的CSS，所以实质上有两个jQuery对话框，每个看起来不同。 举个例子， <div id="dialog_style1" class="dialog1 hidden">One content</div> 和另一个 <div id="dialog_style2" class="dialog2 hidden">Another content</div> 不幸的是我注意到，使用单独的CSS来设置对话框的部分样式 .dialog1 .ui-dialog-titlebar { display:none; } .dialog2 .ui-dialog-titlebar { color:#aaa; } 不起作用，因为.ui-dialog-titlebar没有类.dialog1 ，我不能做一个addClass ，而不插入插件。 另一种方法是让像body这样的元素具有唯一的class / id（取决于我想要哪一个），但是这样做会阻止在同一个页面中同时存在两个对话框。 我怎样才能做到这一点？

你怎么能调整一个jQuery UI手风琴的高度？

在我的用户界面，我有一个手风琴设置像这样： <div id="object_list"> <h3>Section 1</h3> <div>…content…</div> // More sections </div> 手风琴刚成形时就能正常工作，而且每一部分的内容似乎都能很好地调整。 但是，如果我在.accordion（）调用之后（通过ajax）将更多内容添加到手风琴中，则该部分的内部结束溢出。 由于手风琴几乎没有形成内容，所有的内部divs都非常小，因此内容溢出，你可以在里面拿到滚动条的手风琴，几乎没有可视区域。 我试图添加最小高度的样式到object_list div，而内容div无济于事。 将最小高度添加到内部div的工作方式，但它搅乱了手风琴的animation，并将其添加到object_list div没有任何作用。 即使没有足够的内容填充这些部分，我如何才能从内容部分中获得合理的大小？

当用鼠标selectdate时，JQuery UI Datepicker失去焦点

我正在使用JQuery UI和datepicker，当用户select一个字段，他们适当地得到日历popup。 用户选项卡（通过键到字段 用户用鼠标点击selectdate 用户选项卡 Tabindex从1开始（在表单的开头） 这里是代码。 （也可能有标签索引集） <input type="text" name="demo" /> <input type="text" class="date" /> jquery代码是： $(".date").datepicker(); 关于如何解决这个问题的任何build议（奖金最短的解决scheme）？

在jQuery UI中缺less图标

我使用的是来自jQuery的模式窗体和小部件 ，但图标不显示。 例如Cross (X)和Plus-Minus (+-)图标。 当我加载页面我等这些错误。 "NetworkError: 404 NOT FOUND – http://127.0.0.1:8000/static/csshttp://img.dovov.comui-bg_flat_75_ffffff_40x100.png" ui-bg_…100.png "NetworkError: 404 NOT FOUND – http://127.0.0.1:8000/static/csshttp://img.dovov.comui-icons_222222_256x240.png" ui-ico…240.png "NetworkError: 404 NOT FOUND – http://127.0.0.1:8000/static/csshttp://img.dovov.comui-bg_highlight-soft_75_cccccc_1x100.png" ui-bg_…100.png 所以，我下载了图像，把它放到指定的path中，然后+- icons出现在最右边两次，而且只有column1小部件被最小化了。 Close X图标仍然不出现。 我哪里错了？ 我也想知道如何添加删除小部件function？