Tag: 用户界面

添加到jquery ui自动完成列表的其他链接

对不起,我找不到如何做到这一点的明确解决方案。 我在textbox上使用jQuery UI自动完成,该textbox从数据库中检索数据。 我需要在列表末尾添加一个“添加新地点”链接。 我想允许用户添加新的场地,如果他们正在寻找的场地不在数据库中。 这是我的代码: $(function() { $(“#venue”).autocomplete({ source: ‘index.php/home/autocomplete_venue’, minLength: 2, select: function(event, ui) { $(‘#venue_id’).val(ui.item.id); } }); });

使用themeroller css时jquery对话框的问题

jquery ui对话框的演示都使用“flora”主题。 我想要一个自定义主题,所以我使用themeroller生成一个css文件。 当我使用它时,一切似乎都工作正常,但后来我发现我无法控制对话框中包含的任何输入元素(即,无法键入文本字段,无法检查复选框)。 进一步的调查显示,如果我将对话框属性“modal”设置为true,就会发生这种情况。 当我使用植物主题时,这不会发生。 这是js文件: topMenu = { init: function(){ $(“#my_button”).bind(“click”, function(){ $(“#SERVICE03_DLG”).dialog(“open”); $(“#something”).focus(); }); $(“#SERVICE03_DLG”).dialog({ autoOpen: false, modal: true, resizable: false, title: “my title”, overlay: { opacity: 0.5, background: “black” }, buttons: { “OK”: function() { alert(“hi!”); }, “cancel”: function() { $(this).dialog(“close”); } }, close: function(){ $(“#something”).val(“”); } }); } } $(document).ready(topMenu.init); […]

我可以通过点击其他元素来扩展/折叠JQuery ui Accordion的内容吗?

默认情况下,有控制展开/折叠的内容标题。但在我的情况下,我也可以通过其他元素展开/折叠内容。 例如: jquery ui accodion代码的基本结构: $(function() { $( “#accordion” ).accordion(); }); Section 1 Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit […]

Jquery ui自动完成 – 多个来源

对于1个源,这是ajax调用后的正确代码:url:“links2.xml”, 我希望源是多个xml文件。 如何包含额外路径? 谢谢。

JQuery自动完成自定义显示多列第2部分

我试图得到一个类似于自动完成:在jquery ui中的自定义示例。 相反,它将使用ajax调用而不是硬编码数据。 我想要显示两列(值和描述)。 当用户输入时,.val()将传递给ajax页面,并提供建议。 第一列将用于该值。 我能够使用简单的单列示例返回单个列,但不能使用多个值。 我认为它很简单,因为它是示例代码的重新哈希。 感谢您的帮助。 $(document).ready(function() { $(‘#myinputbox’).autocomplete({ minLength: 4, source: function(request, response){ var ajaxparam = $(‘#myinputbox’).val(); ajaxparam = escape(ajaxparam); var querystring = “?term=” + ajaxparam; $.ajax({ url: ‘ajax/jsonencode.php’+querystring, beforeSend: function(){ alert(“beforeSend”); }, async: true, dataType: “json” }); }, focus: function ( event,ui ){ $( “#myinputbox” ).val( ui.item.value ); return false; […]

基于节点的对象和对象关系的Javascript库?

我正在寻找一个Javascript(最好是开源)库来显示基于节点的对象和对象关系。 非常基本的东西:显示一个节点(可以是一个简单的盒子)和它的属性。 属性可以有值。 有时,该值可以是与另一个节点的关系(在两个节点之间创建一条线)。 像这样的东西: http://sofzh.miximages.com/javascript/yahoo-pipes1.jpg http://sofzh.miximages.com/javascript/UnrealKismet Main_Sequence.Controls.jpg http://www.brandspankingnew.net/img/headers/yahoo_pipes.jpg

jQuery对话框滚动到对话框中的元素

我有以下问题: 我用jQuery UI打开一个对话框。 此对话框包含大量内容,无法一次显示。 是否可以滚动到对话框中的特定元素?

JQuery自动完成UI搜索开始

使用JQuery AutoComplete UI,1.8,我需要更改搜索,使其仅匹配字符串的开头。 背景我的来源来自一个我无法控制的ajax调用返回15,000及其相应的PK。 value是名称,Id是整数PK。下面的代码可以工作,但由于我搜索的是15,00个字符串,它们匹配字符串中的任何位置,因此速度太慢。 我已经看过这篇文章,链接,但我无法弄清楚怎么做而不会丢失源中的Id字段。 我需要搜索只匹配data.d中的值的开头而不会丢失Id字段。 这是一个ASP.Net应用程序,但我认为这不重要。 想法? $(“#companyList”).autocomplete({ minLength: 4, source: data.d, focus: function(event, ui) { $(‘#companyList’).val(ui.item.value); return false; }, select: function(event, ui) { $(‘#companyList’).val(ui.item.value); $(‘#’).val(ui.item.Id); return false; } });

jquery.ui.spinner改变了

我正在尝试使用最新版本的jquery.ui.spinner.js。 http://wiki.jqueryui.com/w/page/12138077/Spinner 微调器正在显示和更新文本框,但我无法弄清楚如何捕获“更改”事件。 它会在您手动更改文本框中的值时触发,但在使用微调器箭头时则不会触发。 jQuery的: $(‘input[name*=”opening”]’).spinner({ min: 0, max: 100}); $(‘#doorsize6w7h-f’).spinner().change(function(){ alert($(this).spinner(‘value’)); }); HTML:

带有布尔返回的jQuery UI对话框 – true或false

我正在尝试替换javascript confirm()。 我找到了可以完全自定义的jquery dialog()函数。 问题是我不能让它返回真或假 。 这是我的代码: $(‘#delBox’).dialog( { autoOpen: false, resizable: false, modal: true, closeOnEscape: true, width: 300, height: ‘auto’, title: ‘Deletar registro’, buttons: { “Ok”: function () { return true; }, “Cancelar”: function () { $(this).dialog(“close”); return false; } }, open: function () { var buttonsSet = $(‘.ui-dialog-buttonset’).find(“button:contains(‘Ok’)”); buttonsSet.attr(“class”, “ui-button ui-state-default”); $(‘.ui-dialog-titlebar-close span’).empty(); […]