Tag: jquery ui

使用jQuery发送表单数据，其中包含div

我无法使用form发送完整的表单数据。我能够发送包含偶数名称，事件状态，触发事件和中继状态的存储数据。 附加div的数据作为存储在其先前值中的值发送。 $(document).ready(function () { $(“#condition”).click(function (e) { e.preventDefault(); $(‘#shw’).append($(‘.hiddenRule’).clone().removeClass(“hiddenRule”)); }); }); $(‘#shw’).on(‘click’, ‘#delete’, function (e) { e.preventDefault(); $(this).parent().remove(); }); $(document).ready(function () { $(“#condition”).click(function () { $(‘#add’).show(); }); }); /*data format*/ var obj= { configuration: { rule: { name: $(“#eventname”).val(), status: $(“#eventstatus”).val(), triggerOn: $(“#triggerevent”).val(), onSuccess: $(“#relaystate”).val(), conditions: [ { fact: $(“#sensor”).val(), operator: $(“#condition”).val(), value: $(“#thresholdvalue”).val(), […]

如何使用jQuery在源区域和目标区域之间移动可拖动对象

如何在源区域和目标区域之间移动可拖动对象？ 例如： （图1）原始位置 （图2）然后移动一些项目 （图3）我的问题是如何在源区域和目标区域之间移动项目 PS：我已经尝试了很多可能性，如下面的地址 在droppable的out事件中将jQuery可拖动对象还原回其原始容器 http://devilmaycode.altervista.org/revert-a-jquery-draggable-object-back-to-its-original-container-on-out-event-of-d/ http://api.jqueryui.com/draggable/#event-stop 如果validation失败，有没有办法将Jquery拖放恢复到原始位置？ jQuery UI – 将jQuery draggable对象恢复为原始对象？ 图片1 图片2 图3 所有代码 div ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; } div ul li { margin: 5px; padding: 5px; width: 150px; } A D Item 1 Item 2 Item 3 A1 D1 Item 11 Item […]

动态选择字段选项基于Woocommerce结帐中的选定日期

我在Woocommerce结帐中添加了2个自定义字段： 一个jQuery-ui Datepicker字段， 选择字段（下拉列表）的时间。 现在，我希望时间选择字段下拉选项取决于所选日期。 基本上如果选择星期六和星期日，我希望时间间隔有限（仅限于15:00）。 我已经尝试了很多不同的策略，但它们似乎都不是正确的方法。 以下是两个自定义字段： //Datepicker add_action( ‘woocommerce_before_order_notes’, ‘my_custom_checkout_field_DP’ ); function my_custom_checkout_field_DP($checkout) { wp_enqueue_script(‘jquery-ui-datepicker’); wp_enqueue_style(‘jquery-ui’, “http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css”, ”, ”, false); wp_enqueue_style(‘datepicker’, plugins_url(‘/css/datepicker.css’, __FILE__), ”, ”, false); /*print(‘ ‘ ); print(”);*/ echo ‘jQuery(document).ready (function(){ jQuery(“#e_deliverydate”).width(“150px”); var formats = [“MM d, yy”,”MM d, yy”]; jQuery(“#e_deliverydate”).val(“”).datepicker({dateFormat: formats[1], minDate:1}); jQuery(“#e_deliverydate”).parent().after(“”); }); ‘; echo ”; woocommerce_form_field(‘e_deliverydate’, array( ‘type’ […]

Rails：如何在datepicker中添加工具提示事件并在几个月内限制它们

我有一个datepicker，我希望用户在其中看到由admin创建的所有事件。 添加function以添加带有事件标题的工具提示会很不错。 我知道jQueryUI的datepicker允许这样的事情。 我必须使用beforeShowDay方法。 但问题来了。 1）如何将@events数组传递给jquery代码？ 我知道我可以在视图中访问该数组但我可以做这样的事情： var events = @events; 2）第二个也是最重要的问题 。 这种方法将使我的应用程序获得大量事件来处理。 当事件开始变得很多时，这将减慢一切。 我如何根据今天的日期限制事件在几个月内？ 希望明确。 任何帮助？ 更新1 （第一个问题和第二个问题的一小部分都解决了）好吧我设法传递给javascript我的实例事件数组如下： var events = 这样我就可以通过范围限制在控制器中以我想要的方式限制事件。 当我在浏览器控制台中检查事件数组是这样组成的： [[” Snap-happy athletes ca…arrival at London 2012 “, “2012-07-28T00:00:00Z”], [“AdWords API Office Hours EMEA”, “2012-07-25T00:00:00Z”], [“Under the math”, “2012-07-22T00:00:00Z”], [“Superman power”, “2012-07-13T00:00:00Z”], [“Google I/O 2012 Keynote”,”2012-07-01T00:00:00Z”]] 这是一个像这[[“标题”，“事件的日期”]，…]的数组 但是如何将它们放在带有beforeShowDday的datepicker中呢？ 这是我的第一次尝试，但它不起作用 $(“#datepicker”).datepicker({ […]

jQuery UI选项卡中的jQuery多个轮播在Internet Explorer和Chrome中无法正常工作

我在页面中遇到问题，其URL可以在下面看到： http://hero.mynet.com/new/ 页面中间底部有一个标签式结构。每个标签包含一个轮播工作。每个轮播项目（图像）在点击时都可以叠加显示。 我使用jQuery 1.3.2（我知道它已经老了，但由于其他依赖关系我无法改变），jQuery UI 1.7.3，jCarousel 0.2.8和FancyBox 1.3.4来构建它。 单击第2或第3个选项卡并单击上一个按钮时，可以在Internet Explorer和Chrome的屏幕截图中看到问题。 什么可以导致这种情况，我尝试了很多东西来解决这个问题，但没有解决我的问题。 您有什么推荐的吗？ 由于这项工作的时间安排，很难将所有结构改为新结构。 现在已经回答了所有的答案 Internet Explorer屏幕截图 Chrome屏幕截图

jQuery自动完成预过滤结果 – 显示全部

我有一个搜索用户数据库的ajax函数。 所有用户名都被放入一个数组中 var usernames = [“Mike Scott”, “Mike Whosname”, “Mike Johns”, “Mike Nicolas”]; 简单地说，我希望自动完成只显示此数组中的任何内容。 要么完全关闭或完全关闭搜索，所以它不会再次过滤我的结果。 原因是，我的SQL代码也搜索用户ID，所以如果我键入例如“mscott”，我的servlet将返回“Mike Scott”，它将被放入usernames数组中。 如果他们输入“mscott”，我希望他们能够选择“Mike Scott”。 自动完成function正在尝试搜索我的数组中的“mscott”，它没有显示任何结果，所以我希望它只是简单地显示我的数组中的所有内容。 这可能吗？ 谢谢。 当前代码： $(‘#userInput’).autocomplete({source: usernames, search: “”, minLength: 0}).keyup(function(){ var url = “/AJAX/SearchUsers.do?searchQ=mscott”; $.ajax(url, { type: “GET”, datatype: “json”, success: function(data) { for (var i =0; i < data.length; i++) { usernames.push(data[i].username); } } }); […]

没有文本框的jQuery UI datepicker

是否可以在没有文本框的情况下使用jQuery UI datepicker？ 我只想让日历图标在点击时显示日历控件。 然后，当选择日期时，控件应该消失。 然后我只想捕获所选的日期并将其传递给我自己的javascript函数。 我尝试过使用跨度和div，但行为是错误的。 当用户选择日期时，它不会隐藏。 如果我像某些人建议的那样将它附加到隐藏字段，则无法启动日期选择器。

如何使用jQuery.post（）将JSON数据返回到Coldfusion 8 cfc？

如何使用jQuery.post（）将表单发布到Coldfusion.cfc方法并返回json数据？ 是否有某种方法我需要格式化url或表单值以指定要远程调用的cfc方法？ 如何告诉Coldfusion返回json数据？ 我搜索了现有的jQuery / Coldfusion.cfc问题，我正在寻找一些清晰度。 我找不到一个显示Coldfusion cfc的完整过程的例子。 HTML表格： Open Dialog Title: Address: sample.js： jQuery(function ($) { var saveUrl = “remote.cfc?method=save”; // Is this the right way?? // Bind link to open the dialog box $(‘a#openDialog’).click(function() { $(‘#myDialog’).dialog(‘open’); }); // Configure jQuery UI dialog box and callback methods // Is this right?? $(“#myForm”).dialog({ buttons: { […]

jQuery UI自动完成 – that._renderItemData不是一个函数

我采用了jQuery UI Autocomplete的简单类别示例 ，并将其集成到我的应用程序中。 当我开始在搜索栏中输入内容时，我在Firebug中收到错误“TypeError：that._renderItemData不是函数” 。 我也有一个jQuery没有冲突。 jQuery(document).ready(function($) { $.widget( “custom.catcomplete”, $.ui.autocomplete, { _renderMenu: function( ul, items ) { var that = this, currentCategory = “”; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( “” + item.category + “” ); currentCategory = item.category; } that._renderItemData( ul, item ); […]

禁用选择jQuery Datepicker字段？

我正在使用jQuery UI Datepicker制作两个字段提交表单。 我希望用户创建一个范围并提交它以查看结果。 但是，他们显然无法选择最近发生的开始日期而不是结束日期（您无法看到从今天开始到昨天的范围）。 截至目前，如果第一个选择发生在第二个之前，我已经能够选择第二个，但我无法弄清楚如何让datepicker保持打开状态，以便用户可以选择其他内容。 这是我到目前为止的代码： $(document).ready(function() { $(“.datepicker_start”).datepicker({ maxDate: ‘+0d’, onSelect: function(dateText, inst) { } }); $(“.datepicker_to”).datepicker({ maxDate: ‘+0d’, onSelect: function(dateText, inst) { var startDate = $(‘.datepicker_start’).val(); $(this).attr(‘value’, dateText) if (startDate > dateText) { alert(‘not cool!’); } } }); }); 有谁知道我是怎么做到的？ 我尝试返回false但仍然将错误的日期推送到字段:(