Tag: 用户界面

jquery / javascript将纯文本消息转换为文本输入字段: 我有以下要求：创建一个纯文本字段，在单击编辑触发器时转换为文本输入元素。离开输入元素时，文本将存储在数据库中，并且字段将转换回带有新内容的纯文本字段。当在输入中按下ESC时，将恢复最近的值。为此，我使用以下代码： some text [EDIT] $(‘#trigger’).click(function() { var t = $(‘#text’).detach(); var e = $(‘#input’).detach(); $(‘#storage’).append(t); $(‘#value’).append(e); e.focus(); }); $(‘#input’).blur(function() { var t = $(‘#text’).detach(); var e = $(‘#input’).detach(); if (t.text() != e.val()) { $.getJSON(…); } $(‘#storage’).append(e); $(‘#value’).append(t); }); $(‘#input’).keyup(function(event) { if (event.which == 27) { $(‘#input’).val($(‘#text’).text()); $(‘#input’)[0].blur(); } }); 感谢@nnnnnn现在可行。但是，是否有一种更简单的方法可以使用一些预先存在的API函数来实现它？ […]

jQuery UI Datepicker转到日期URL: 有没有人知道是否可以使用jQuery UI Datepicker，并且在单击日期时，将document.location设置为该日期，并附加到预设URL？所以，如果我点击其中一个日期，它可能会指示我： http://www.mysite.com?date=2009-10-25 我需要使用它作为快速浏览我的网站日历的快捷方式。想法？

Jquery选项卡 – 使用外部URL链接: 我正在使用Jquery UI选项卡，并有一个问题。 My First Tab My Second Tab My Third Tab 是否可以在单击时将第三个选项卡实际转到场外URL？我尝试了这个，但链接被忽略了，所以我不确定我是否做错了什么，或者是否只是写不出来。提前致谢。

“ui-state-hover”效应的问题: 我有一个HTML 我希望锚具有hover效果所以我添加这个javascript： $(“.portlet-header”).hover(function() { $(this).find(“a”) .removeClass(“ui-state-default”) .addClass(“ui-state-hover”); },function(){……}); 但锚点的“ui-state-default”或“ui-state-hover”状态不起作用：我希望效果像jquery官方ui对话框演示（是的，主题不同）…… 那么我该如何解决这个问题呢？做出正确的hover效果

jQuery UI自动完成 – 如何获取用户输入的值: 免责声明：我已经完成了相关问题，无法找到解决此特定问题的方法。场景是这样的：根据用户是从下拉列表中选择了建议还是没有匹配项，我想执行不同的jQuery ajax操作。我该怎么做呢？我被困的地方是如何捕获当前在自动完成输入文本框中的输入？谢谢

实现具有多个集合的主视图。 Backbone.js的: 编辑我想要实现的简单模型我定义了这样一个观点： define([‘jquery’, ‘underscore’, ‘backbone’, ‘text!_templates/gv_container.html’, ‘bootstrap/bootstrap-tab’], function($, _, Backbone, htmlTemplate, tab) { var GridViewContainer = Backbone.View.extend({ id: ‘tab-panel’, template: _.template(htmlTemplate), events: { ‘click ul.nav-tabs a’: ‘tabClicked’ }, tabClicked: function(e) { e.preventDefault(); $(e.target).tab(‘show’); }, render: function() { this.$el.append(this.template); return this; } }); return GridViewContainer; }); // define(…) 视图的模板如下所示： Products 最初我以为我可以使用它（作为所有集合的通用模板）。目标我有三个系列： products ， […]

UI的可排序列表的动画过渡: 我正在使用jQueryUI可排序列表，并希望在向上或向下拖动元素时移动li时动画转换。正如苹果公司在重新安排播放列表歌曲时在iPod应用程序中所做的那样。这可能吗？我搜索了几个小时，但找不到任何有用的东西。

jQuery自动完成json源 – 不自动完成，但只显示完整列表: 我使用jQuery UI的自动完成function。 $(“#search”).autocomplete({ minLength: 0, source: ‘source.php’, select: function( event, ui ) { $(“#search”).val(ui.item.label); return false; }, focus: function(event, ui) { $(“#search”).val(ui.item.label); return false; } }）; 我在source.php中插入多个元素并返回json编码。 $search[] = array( ‘value’ => $id, ‘label’ => $name ); echo json_encode($search); 当我开始在自动填充字段中输入时，会显示一个列表，其中包含source.php的元素。但不幸的是，所有这些。根据我在现场输入的内容，它们不是filter。当我使用json时，是否有任何特殊选项需要设置？编辑：感谢TJ Crowder，我提出了这个让jQuery完成工作的解决方案; ） $.getJSON(‘source.php’, function(search) { $(“#search”).autocomplete({ minLength: 0, source: search, select: […]

如何覆盖jQuery UI小部件样式并保持function: 我正在使用jQuery UI进行内部应用程序。我正在寻找一种简单的方法来删除jQuery UI在给定的小部件实例上提供的所有样式信息。我对任何事情都持开放态度，但可重复使用的JavaScript解决方案将是完美的。绝对必要的是不丢失任何function。最重要的是删除了所有背景图像，我保持布局样式。理想情况下…… $tabs = $(“#someElement”).tabs(); $tabs.removeStyles(); 但我愿意接受任何允许我以灵活的方式修改小部件样式的内容。最终目标是尽可能多地控制样式