Questions tagged «jquery-ui»

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


13
jQuery datepicker即时设置所选日期
如何动态地动态更改jquery日期选择器的选定日期?我说过创建了一个内联日期选择器。然后过了一段时间,我想在那里反映一个不同的日期,而不必从头开始重新创建日期选择器。 我尝试了setDate方法,但是没有用,并且doc中没有太多文档。 还有一种(扩展?)插件在这里,但我想用它随jquery.ui.all.js插件。

12
如何本地化jQuery UI Datepicker?
我真的需要一个本地化的下拉日历。英文日历无法在挪威网站上准确传达卓越;-) 我已经对jQuery DatePicker进行了实验,他们的网站说它可以本地化,但是似乎不起作用。 我正在使用ASPNET.MVC,我真的想坚持使用一个JavaScript库。在这种情况下,jQuery。 ajax工具包日历可以接受,只要它也可以显示挪威名称即可。 更新:太棒了!我看到我缺少语言文件,一个不太重要的细节:-)

5
用于触摸设备的Javascript拖放
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实,参考或专业知识的支持,但是这个问题可能会引起辩论,争论,民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出,请访问帮助中心以获取指导。 7年前关闭。 我正在寻找可在触摸设备上使用的拖放拖放插件。 我想要与允许“可放置”元素的jQuery UI插件类似的功能。 该插件jqtouch支持拖动操作,但没有落下。 这里是仅支持iPhone / iPad的拖放操作。 谁能指出我在适用于android / ios的拖放插件的方向? ...或者可能会更新jqtouch插件以实现可投放性,它已经在Andriod和IOS上运行。 谢谢!

19
长按JavaScript吗?
是否可以在JavaScript(或jQuery)中实现“长按”?怎么样? (来源:androinica.com) 的HTML <a href="" title="">Long press</a> 的JavaScript $("a").mouseup(function(){ // Clear timeout return false; }).mousedown(function(){ // Set timeout return false; });

21
jQuery UI对话框定位
我试图使用jQuery对话框UI库,以便将鼠标悬停在某些文本旁边。jQuery对话框采用的位置参数是从当前视口的左上角开始测量的(换句话说[0, 0],无论当前滚动到何处,始终将其放在浏览器窗口的左上角)。但是,我知道检索位置的唯一方法是相对于整个页面的元素。 以下是我目前所拥有的。 position.top计算得出的结果大约是1200左右,这使对话框远低于页面上其余内容。 $(".mytext").mouseover(function() { position = $(this).position(); $("#dialog").dialog('option', 'position', [position.top, position.left]); } 如何找到正确的位置? 谢谢!
116 jquery  jquery-ui 



20
jQuery UI-在外部单击时关闭对话框
我有一个jQuery UI对话框,当单击特定元素时会显示该对话框。如果在那些触发元素或对话框本身之外的任何地方都发生了单击,我想关闭对话框。 这是打开对话框的代码: $(document).ready(function() { var $field_hint = $('<div></div>') .dialog({ autoOpen: false, minHeight: 50, resizable: false, width: 375 }); $('.hint').click(function() { var $hint = $(this); $field_hint.html($hint.html()); $field_hint.dialog('option', 'position', [162, $hint.offset().top + 25]); $field_hint.dialog('option', 'title', $hint.siblings('label').html()); $field_hint.dialog('open'); }); /*$(document).click(function() { $field_hint.dialog('close'); });*/ }); 如果我取消最后一部分的注释,该对话框将永远不会打开。我认为这是因为打开对话框的同一点击再次将其关闭。 最后的工作代码 注意:这是使用jQuery外部事件插件 $(document).ready(function() { // dialog element …

7
如何使jQuery UI'draggable()'div可拖动到触摸屏?
我有一个draggable()可在Firefox和Chrome中使用的jQuery UI 。用户界面的概念基本上是单击以创建“便利贴”类型的项目。 基本上,我单击或轻击div#everything(高和宽均为100%)来监听点击,然后显示输入文本区域。您添加文本,然后将其保存。您可以拖动此元素。那可以在普通的浏览器上使用,但是在iPad上我可以测试,但不能拖动项目。如果我触摸以选择(它随后会稍微变暗),则无法拖动它。它根本不会向左或向右拖动。我可以上下拖动,但是我不拖动个人div,而是拖动整个网页。 因此,这是我用来捕获点击的代码: $('#everything').bind('click', function(e){ var elem = document.createElement('DIV'); STATE.top = e.pageY; STATE.left = e.pageX; var e = $(elem).css({ top: STATE.top, left: STATE.left }).html('<textarea></textarea>') .addClass('instance') .bind('click', function(event){ return false; }); $(this).append(e); }); 这是我用来“保存”笔记并将输入div变成仅显示div的代码: $('textarea').live('mouseleave', function(){ var val = jQuery.trim($(this).val()); STATE.content = val; if (val == '') { $(this).parent().remove(); …

20
jQuery UI选项卡-如何获取当前选定的选项卡索引
我知道之前曾有人问过这个特定问题,但是使用插件bind()上的事件并没有得到任何结果jQuery UI Tabs。 index单击该选项卡时,我只需要新选择的选项卡的即可执行操作。bind()让我可以进入select事件,但是我通常无法获取当前所选标签的方法。它返回先前选择的选项卡索引,而不是新的索引: var selectedTab = $("#TabList").tabs().data("selected.tabs"); 这是我试图用来获取当前所选标签的代码: $("#TabList").bind("tabsselect", function(event, ui) { }); 当我使用此代码时,ui对象会返回undefined。在文档中,这应该是我用来使用ui.tab钩接到新选择的索引的对象。我已经在初始tabs()通话中尝试过此操作,也可以自行尝试。我在这里做错什么了吗?


2
组织Javascript库和CSS文件夹结构的最佳实践
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。 改善这个问题 如何在Web应用程序中组织js和css文件夹? 我当前的项目结构如下: root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html 但是,当我使用许多JavaScript库和CSS插件时,情况会更加复杂。Javascript插件附带其自己的.js文件,有时还附带其自己的.css文件。 例如,当我将JQuery与JQueryUI插件一起使用时,我将jquery.js和jquery-ui.js放在js / lib目录中。但是JQueryUI带有自己的css文件。我应该将javascript插件中的CSS放在哪里,以获得最佳实践?我应该将它们放在lib文件夹中,以区分我的CSS和javascript CSS插件吗?或者别的地方? 我知道这是个人喜好,但我只想知道你们是如何组织项目文件夹的。 提前致谢 :)

21
如何更改jQuery DatePicker控件的弹出位置
是否知道如何使DatePicker显示在关联的文本框的末尾而不是直接出现在其下方?倾向于发生的情况是,文本框位于页面底部,而DatePicker向上移动以解决该问题,并完全覆盖了文本框。如果用户想输入日期而不是选择日期,则不能。我宁愿它出现在文本框之后,所以它如何垂直调整都无关紧要。 知道如何控制定位吗?我没有看到小部件的任何设置,也没有运气来调整CSS设置,但是我很容易会丢失一些东西。


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.