Tag: jquery ui

让jQuery可拖动以捕捉到特定网格

（ 注意： 有些人提出了类似的问题，但过于具体而没有得到有用的答案 ） jQuery UI的可拖动窗口小部件具有捕捉到网格的选项，但无法设置网格相对于什么。 例如，我们的放置目标中有一个明确定义的20×20网格。 在放置目标内从0,0开始的拖动项将与网格对应捕捉。 但是，从不同位置开始或在放置目标外部的拖动项目将不会与该网格对齐。 http://jsfiddle.net/FNhFX/5/ HTML： Drag me Drag me Drag me JS： $(function() { $(“.drag-item”).draggable({ grid: [20, 20] }); $(“.outside-drag-item”).draggable({ grid: [20, 20], helper:”clone” }); $(“.drop-target”).droppable({ accept: “.drag-item” }); }); 有没有办法使用jQuery draggable捕捉到特定的网格？

jquery代码，使用append显示对html表的json响应

有人可以用代码来帮助我在html表中显示json数据 $.getJSON(“http://10.0.2.2:8080/v1/service/1”, function(data) { $.each(data, function(id, obj){ }); }); 我想在显示表中显示json数据 json响应数据： [ { “firstcolumn”:”56036″, “loc”:”Deli”, “lastA”:”Activity”, “mTime”:”2011-02-01 11:59:26.243″, “nTime”:”2011-02-01 10:57:02.0″, “Time”:”2011-02-01 10:57:02.0″, “Age”:”9867 Hour(s)”, “ction”:” “, “nTime”:null }, { “firstcolumn”:”56036″, “loc”:”Deli”, “lastA”:”Activity”, “mTime”:”2011-02-01 11:59:26.243″, “nTime”:”2011-02-01 10:57:02.0″, “Time”:”2011-02-01 10:57:02.0″, “Age”:”9867 Hour(s)”, “ction”:” “, “nTime”:null }, { “firstcolumn”:”56036″, “loc”:”Deli”, “lastA”:”Activity”, “mTime”:”2011-02-01 11:59:26.243″, “nTime”:”2011-02-01 10:57:02.0″, “Time”:”2011-02-01 10:57:02.0″, “Age”:”9867 […]

区分键盘/鼠标触发的焦点事件

我正在使用jquery ui自动完成，并希望在键盘交互和鼠标交互触发的焦点事件之间进行解密。 我怎么会这样呢？ $(‘input’).autocomplete({ source: function(request, response) { … }, focus: function(event, ui) { // If focus triggered by keyboard interaction alert(‘do something’); // If focus event triggered by mouse interaction alert(‘do something else’); } }); 谢谢

使用jquery UI确认表单提交

我正在尝试确认使用ruby on rails创建的提交表单，但在提交之前我有条件打开确认弹出窗口，询问用户是否真的想要这样做。 这适用于默认的确认浏览器框。 但现在我正在尝试使用Jquery UI，但它不起作用。 如何使用jquery ui返回true或false？ 如果用户单击“是”，则应提交表单，如果“否”则应该关闭 这是我的jquery ui函数： function confirm(message, callback) { $(‘body’).append(”+message+”); $( “#confirm” ).dialog({ resizable: false, title: ‘Confirm’, zIndex: 99999999, modal: true, buttons: [ { text: “Yes”, click: function() { $(this).dialog(“close”); if ($.isFunction(callback)) { callback.apply(); } } },{ text: “No”, click: function() { $(this).dialog(“close”);} } ], close: function(event, ui) { […]

在AJAX请求时禁用按钮

我试图在点击后禁用按钮。 我试过了： $(“#ajaxStart”).click(function() { $(“#ajaxStart”).attr(“disabled”, true); $.ajax({ url: ‘http://localhost:8080/jQueryTest/test.json’, data: { action: ‘viewRekonInfo’ }, type: ‘post’, success: function(response){ //success process here $(“#alertContainer”).delay(1000).fadeOut(800); }, error: errorhandler, dataType: ‘json’ }); $(“#ajaxStart”).attr(“disabled”, false); }); 但按钮没有被禁用。 当我删除$(“#ajaxStart”).attr(“disabled”, false); 该按钮被禁用。 虽然这没有按预期工作，但我认为代码序列是正确的。 任何帮助将不胜感激。

Bootstrap和jQueryUI冲突

我试图在一个引用jQueryUI和Bootstrap 3的View上使用tooltip 。 我在这里做了一个样本。 如果我在jQueryUI的js之后加载Boostrap然后tooltip()调用成功但是如果我在Bootstrap之后调用jQueryUI那么我得到一个错误并且没有任何效果。 你可以自己尝试一下。 互联网上有很多关于此的讨论，我问GitHub，但我还没找到解决方案。

jQuery Accordion并通过AJAX加载内容

我想使用jQuery load命令加载每个jQuery 手风琴标题下的内容。 目前，我已将此设置如下 $(function() { $(“#accordion”).accordion({ header: “h2”, active: false }); $(“h2”, “#accordion”).click(function(e) { var contentDiv = $(this).next(“div”); contentDiv.load($(this).find(“a”).attr(“href”)); }); }); 和HTML（ 相关代码段 ） Home Products 现在一切正常，但是存在一个问题，即以这种方式加载内容会在某些浏览器（IE6）和其他浏览器（FF）上中断手风琴插件的向下滑动动画，因此不会发生向下滑动动画。 我想我需要阻止下载动画直到内容加载（使用加载回调函数），但我不确定如何将其挂钩到手风琴插件中。 任何想法非常感谢！

jQuery文档就绪函数

以下jQuery代码段的最终结果是否相同？ 小片1： $(function() { alert(‘test!’); }); 摘录2： $(document).ready(function() { alert(‘test!’); }); 换句话说， $(function(){})只是$(document).ready(function() { });简写$(document).ready(function() { }); ？ 我问的原因是因为我们在使用jQuery和jQuery UI构建的小应用程序中看到了一些奇怪的问题。 有时，通过单击按钮执行表单提交操作时，浏览器窗口将冻结。 我们仍然可以使用底层浏览器窗口（启动弹出窗口的窗口），直到我们在那里执行某些操作。 用户只能通过强制关闭浏览器（显然是Internet Explorer）继续。 我们怀疑这与Acrobat PDF插件有关，但我只是在这里查看所有角度，因为我发现这个问题似乎表现出类似的行为。

在jQuery UI datepicker中仅选择特定日期（日期列表来自AJAX）

在这里，我发送电影ID并获取可用日期，我想将其设置为日历。 但它不起作用，它禁用所有日期。 从PHP返回日期字符串。 日期字符串正确，但日历不起作用。 请帮忙。 日期字符串示例 “28-02-2012″,”29-02-2012″,”01-03-2012″,”02-03-2012″,”03-03-2012″,”04-03-2012″,”05-03-2012″,”06-03-2012″,”07-03-2012″,”08-03-2012″,”09-03-2012″,”28-02-2012″,”29-02-2012″,”01-03-2012″,”02-03-2012″,”03-03-2012″,”04-03-2012″,”05-03-2012″,”06-03-2012″,”07-03-2012″,”08-03-2012″,”09-03-2012” 码 jQuery.post(‘index.php’, { ‘option’: ‘com_movie’, ‘controller’: ‘reservation’, ‘task’: ‘datelist’, ‘format’: ‘raw’, ‘mid’: movieid }, function(result) { var onlydates = result.split(‘,’); jQuery(“#datepicker”).datepicker({ dateFormat: ‘yy-mm-dd’, showOn: “button”, buttonImage: “”, buttonImageOnly: true, beforeShowDay: function(date) { dmy = date.getDate() + “-” + (date.getMonth() + 1) + “-” + date.getFullYear(); console.log(dmy + ‘ […]

如何在Angular 2中使用jQuery UI

因为我想在我的应用程序中加入拖放function，所以我决定将jQuery UI导入我的Angular 2项目。 首先，我开始通过执行以下操作导入jQuery本身： import { ElementRef } from ‘@angular/core’; declare var jQuery:any; ngOnInit() { jQuery(this._elRef.nativeElement).find(‘ul.tabs’).tabs(); } 这非常适合初始化东西。 但是，当我尝试.draggable()函数时，我收到以下错误： jQuery(…).draggable is not a function 我怎样才能做到这一点？ 我阅读了很多方法但是所有这些方法都使用了系统-js，在当前版本的Angular-cli中我没有使用它。 我知道在Angular 2应用程序中使用jQuery并不是最好的方法，但我只需要一个用户可以删除可拖动小部件的网格。 如果您有任何建议，那将是完美的！ 谢谢！