Tag: jquery ui

jQuery Mobile的移动和桌面?

我正在开发一个Web应用程序。 MySql / PHP后端和HTML / jQuery前端。 我想使用jQuery UI框架。 现在看到,jQuery Mobile已经不在了,我想尽可能让移动设备可以访问应用程序。 我谷歌search,但没有find一个高质量的答案。 如果我使用jQuery Mobile,我可以使所有工作形成相同的代码吗? 如果从移动浏览器访问,我想要显示移动小部件。 但是使用jQuery UI小部件是从桌面浏览器访问的。 这可能只是通过使用jQuery Mobile及其标记,或者我必须分别编写移动(jQuery Mobile)和桌面(jQuery UI)的前端? 也就是说,如果从桌面浏览器访问,jQuery Mobile可以自动“后退”到jQuery UI。

如何使所有浏览器都支持<input type =“date”>? 任何替代品?

我正在使用HTML5元素input属性,只有Google Chrome支持date和时间属性。 我尝试了Modernizr,但我不明白如何将其集成到我的网站(如何编码/语法/包括)。 有关如何使用date,时间属性到所有浏览器的任何代码片段。

jQuery UI主题和HTML表格

有什么办法来使用jQuery CSS主题主题的HTML表格(CSS)? 我的所有组件看起来像是一起属于除了我的HTML表格,看起来不同。

JQuery UI选项卡导致屏幕“跳转”

我正在使用最新版本的JQuery UI选项卡。 我有标签定位在页面的底部。 每次我点击一个标签,屏幕就会跳到顶部。 我怎样才能防止这种情况发生? 看到这个例子: http://5bosses.com/examples/tabs/sample_tabs.html

如何用jQuery清空input值?

我正在尝试使用图像进行模式对话,您可以在其中select多个图像。 我需要从input中获取值,然后清空它,但是我不能清空input。 我试过.val('')和.val(null) ,但都没有为我工作。 以下是完整的代码: $("#hdselect").click(function(){ $(".modal").html(""); $.post('mediaservice.php',{hd:'ok',images:$("#hdimages").val()},function(data){ $(".modal").append(data); }); $(".modal").dialog({ 'modal':true, 'title':"Click the image to select", 'width':960, 'height':600, 'resizable':false, 'show': {effect: 'drop', direction: "up"}, 'buttons': {"Ok": function() { var hd=Array(); var hdval=$("#hdimages").val(); $("#hdimages").attr('value',' '); $("input[name='hd[]']:checked").each(function(){ hd.push($(this).val()); }); if(hdval!=''){ hdval=hdval+","+hd; }else{ hdval=hd; } $("#hdimages").val(hdval); var images=$("#hdimages").val(); $.post('mediaservice.php',{getHd:images},function(data){ $("#imgthumbBase").append(data); }); $(this).dialog("close"); } } }); }); 这个想法是,用户点击一个button,一个模式对话框打开多个图像和checkbox。 […]

jQuery UI单选button – 如何正确切换选中状态

我有一组单选button,所有样式都使用jQuery UI的.button() 。 我想改变他们的检查状态。 但是,当我通过编程的方式对容器的更改事件进行: $("#myradio [value=1]").attr("checked", false); $("#myradio [value=2]").attr("checked", true); 值正确更改,但UI样式仍然显示与选中的样式的未经检查的单选button,而选中的仍然未选中。 我查看了单选button的button()方法上的jQuery UI文档,但没有关于如何更改状态和更新UI样式。 问题的根本在于调用$("selector").button("disable"); 代码不会更改button的活动状态 – 底层单选button已正确选中,但UI活动状态不会更改。 所以,我得到一个灰色的button,看起来像它仍然被检查,真正选定的button出现未选中。 解 $("selector").button("enable").button("refresh");

用jQueryUI拖动可拖动的对象

我想要使​​用jQuery的可拖/放,让用户select一组对象(每个对angular有一个checkbox),然后将所有选定的对象作为一个组… 我无法弄清楚我的生活如何做到这一点哈哈。 这是我想的将导致一个可用的解决scheme,在每个可拖动的对象,使用start()事件,并以某种方式抓住所有其他选定的对象,并将其添加到select 我还在考虑只是为了提高性能,将拖拽的对象看起来像一组对象(它们是图像,所以可能是一堆照片)。 如果一次拖动几十个对象,我认为使用可拖动function可能会失败,这听起来像是一个更好的主意吗?

JQuery错误:初始化之前不能调用对话框上的方法; 试图调用方法“closures”

我突然从jQuery得到这个错误: 错误:初始化之前无法在对话框中调用方法; 试图调用方法“closures” 插件 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> jQuery代码 我在下面的函数中获取这些消息: $(document).ready(function() { if ($('#results').html().length != 0) { alert('has information'); $('#dialog').dialog({ modal: true, buttons: { Ok: function() { // If I use $(this).dialog($(this)).dialog('close'), the UI is displayed, // however I do not see the OK button and no errors $(this).dialog('close'); } } }); } else { […]

如何在JSFiddle中启用jQuery UI?

在“框架和扩展”部分没有selectjQuery UI。 我应该将其作为外部资源添加吗?

将jQuery UI Sortable的顺序保存到Backbone.js集合

我有一个Backbone.js集合,我希望能够使用jQuery UI的Sortable进行sorting。 没有什么奇特的,我只是有一个清单,我希望能够sorting。 问题是,我不知道如何获得项目的当前顺序sorting后,并传达给收集。 Sortable可以序列化自己,但是这不会给我需要给集合的模型数据。 理想情况下,我希望能够获得集合中模型的当前顺序的数组,并使用重置方法进行收集,但是我不确定如何获取当前顺序。 请分享任何想法或例子获取当前的模型订单数组。