Tag: jquery ui

如何将按钮设置为默认选择的类(jquery selectable)

嘿那里,这里总javascript noob。 只是想知道,我已经使用jquery selectable在ul标签内部设置了一些按钮,当我点击它们时会改变颜色。 但是有一个问题,如何让其中一个选择加载页面? 谢谢! 编辑:这是我的代码: $(document).ready(function(){ setLink(‘single’); $(‘#target’).load($(‘#single a:first’).attr(‘href’)); }); function setLink(id){ $(‘#’+id+’ a’).click(function(e){ $(‘#target’).load( this.href, function(){ setLink(‘target’); } ); return false; }); } #selectable .ui-selecting { background-image:url(../images/nav-li-bcg.png); } #selectable .ui-selected { background-image:url(../images/nav-li-bcg.png); } $(document).ready(function() { $(“#selectable”).selectable(); $document.getElementById(‘current1’).click(); }); 1 2 3

jQuery UI可排序,不使用自定义属性进行序列化

我正在使用jQuery UI对data-id属性进行排序。 我知道你可以使用类似id=”row_4″类的sortable(‘serialize’) ,这对我id=”row_4″ ,但我需要这样做。 sortable(‘serialize’, {attribute: ‘data-id’})给出一个空字符串 sortable(‘toArray’), {attribute: ‘data-id’})给出预期的输出 1 2 3 4 5 var container = $(‘[data-sortable]’); container.sortable({ items : “> [data-id]”, update : function() { var postData = container.sortable(‘serialize’, { attribute: ‘data-id’ }); alert(postData); // Nothing var postData2 = container.sortable(‘toArray’, { attribute: ‘data-id’ }); alert(postData2); // 1,3,4,5,2 etc. } }); 小提琴: […]

是否有一个好的treeview控件支持ajax搜索,过滤?

我一直在寻找一个javascript树视图控件,支持“即时”搜索,过滤(类似于自动完成框)。 我发现ExtJS有这个function,但它太大了(约800 KB js)。 我也喜欢jquery TreeTable控件,但我不确定它是否支持该function。 请指教。 任何建议都是受欢迎的,非常感谢。

jQuery – 使用子菜单滚动文本或图像链接,暗淡文本和链接图像

我正在尝试创建一个菜单,其中文本链接和图像链接链接在一起。 通过滚动文本或图像链接,其他文本和图像变暗。 我试图在翻转文本或图像链接时为每个主链接fadeIn设置子链接。 问题 :我需要帮助获取特定div子菜单以显示链接或图像何时翻转。 http://jsfiddle.net/philoman/bWYwn/67/ 。 谢谢你的帮助。 Button 1 Sub-Menu 1 Sub-Menu 2 Sub-Menu 3 Button 2 Sub-Menu 1 Sub-Menu 2 Sub-Menu 3 Button 3 Sub-Menu 1 Sub-Menu 2 Sub-Menu 3

jQuery UI可resize最小宽度太大

在下面的jsfiddle中 – 我重现了一个我正在使用jQuery UI resize 。 当我尝试调整当前1px宽的div – 它会自动增加大小,因此我无法将其恢复为原始大小(或者小于新创建的div大小)。 有没有人遇到过这个问题? 我尝试标记min-width: 1px; 在.css但没有效果。 1px宽条的CSS在下面; .Task { position: absolute; height: 25px; width: 1px; background-color: Yellow; cursor: move; white-space:nowrap; top: 0; font-family: Corbel; font-size: x-small; line-height:2.5em; text-indent: 0.5em; z-index: 1; border: 2px outset; border-bottom: 1px solid black; } 提前致谢, http://jsfiddle.net/cyVYq/24/

如何使用jquery ui进度条?

我正在尝试使用带有valum文件上传插件的jquery ui进度条。 代码: ….. onProgress: function (id, fileName, uploadedBytes, totalBytes) { $(“#pb”).progressbar({ value : uploadedBytes }); }, . …. . 但这不起作用,任何人都可以指导我,如何正确使用进度条?

将从jqueryui autocomplete返回的值传递给另一个函数

这是我的用例:用户选择从自动完成查找返回的选项。 从查找返回的数据被分配给表单上的许多其他输入框。 进一步在表单中,用户进入选择框,在那里他们选择“链接类型”。 链接类型的选择触发第二个函数,该函数将一些默认值(例如链接描述的样板文本)分配给某些相关的输入框。 问题:如何将从自动完成function中选择的值传递给第二个function? 这是自动完成代码: $(‘#chooseChannel’).val(“”); $(‘#chooseHLProgName’).val(“”); $(“#chooseHLProgName”).autocomplete({ source: function( request, response ) { $.getJSON( ‘/test/myCFC.cfc?’, { method: ‘qryMyMethod’, returnformat: ‘json’, searchTerm: request.term, dsn: ‘myDSN’, virtChannel: $(‘#chooseChannel’).val() }, response ); }, minLength: 3, select: function(event,ui) { $(‘#seriesID’).val(ui.item.seriesid), $(‘#versionID’).val(ui.item.versionid), $(‘#channel’).val($ (‘#chooseChannel’).val() ), $(‘#chooseHLTitle’).val(ui.item.progFullTitle), $(‘#chooseHLDesc’).val(ui.item.progDesc), $(‘#chooseHLDateTimeInfo’).val(ui.item.progDateTime), $(‘#setScheduleURL’).val(‘/schedules/listingDetails.cfm?seriesID=’ + ui.item.seriesid + ‘&versionID=’ + ui.item.versionid + ‘&virtChannel=’ + […]

手机差距jQuery无法正常工作

当我为Android构建时,我的jQuery / jQueryUI代码都不能在PhoneGap中运行,但在浏览器和Ripple中都可以使用。 问题是我真的不知道如何调试它。 我试过了 $(document).ready(function () { alert(“test”); }); 如果我经常使用JavaScript,它将再次出现在桌面上但不会出现在移动设备上 alert(“test”); 它在浏览器和phonegap应用程序上运行良好。 这是我打电话给所有内容的顺序。 我真的希望有人可以帮我解决这个问题。 如果您需要更多信息,请与我们联系。

在jQuery Datepicker中选择日期范围和突出显示

我试图在jQuery Datepicker中突出显示或更改一系列日期的CSS。 我希望用户能够单击开始日期和结束日期,并且还要突出显示该范围之间的所有日期。 我点击时能够在该范围内创建一个日期数组,但由于某种原因,我无法添加一个类来更改CSS。 我如何才能获取该日期数组,然后为它们添加一个CSS类以更改背景/突出显示? 任何帮助将不胜感激! 谢谢

仅使用Internet Explorer,IFrame地图定位缺陷中的每个jquery选项卡都有一个Google地图

目标是在jQuery标签中分别有两个独立的谷歌地图。 这将包含在IFrame中。 触发bounds_changed时,lat / lng和zoom应存储在cookie中。 如果有可用的cookie,则应定位并缩放关于cookie数据的地图。 除了实际的Internet Explorer之外,它似乎适用于常见的浏览器。 IE不会在第二个选项卡上“刷新”地图。 这是带有“内在”东西的JSFiddle: http : //jsfiddle.net/metaxos/AmVtf/5/ 这是带有IFrame的JSFiddle: http : //jsfiddle.net/metaxos/x6SxB/3/