Tag: jquery ui
在飞行中显示fancybox中的ajax内容
我正在研究ajax，我想在一个精美的盒子里成功地展示内容。 我已经通过jquery ui dialoge完成了它，但它的问题是叠加，我无法做到。 所以决定使用完成。 function showCustomer() { // fire off the request to ajax_stufflist.php request = $.ajax({ url: “ajax_stufflist.php?”+url, type: “post”, success: function(data){ var $response = $(data).find(“#gmp_stuff”).html(); $(“#user_responses”).html($response); $(function() { $( “#user_responses” ).dialog({ modal: true, buttons: { Ok: function() { $( this ).dialog( “close” ); } } }); }); }, error:function(){ alert(“failure”); $(“#user_responses”).html(‘error occured’); […]
Knockout模型+ jQuery UI范围滑块
我正在使用Knockout模型，我希望使用jQuery UI范围滑块更新此模型中的值。 请考虑以下示例： 模型： var ViewModel = function () { var self = this; self.MinTerm = ko.observable(); self.MaxTerm = ko.observable(); } ko.applyBindings(new ViewModel()); 现在，jQuery UI范围滑块应更新这两个值。 这个（非常难看）的解决方案接近了，我的ViewModel中的值正在更新，但不知何故，这不会反映在绑定到这些值的控件中，例如： HTML 脚本： $(“#sliderTerms”).slider({ range: true, min: 6, max: 120, values: [6, 120], step: 1, slide: function (event, ui) { ViewModel.MinTerm = ui.values[0]; ViewModel.MaxTerm = ui.values[1]; } }); 现在，如果我可以绑定到像这样的自定义bindingHandler，那将非常好用，它非常适合将滑块绑定到我的KO模型中的奇异值： ko.bindingHandlers.slider […]
jquery UI datepicker无法动态插入输入
我正在动态地将输入字段添加到td元素 $(‘.edit_text’).live(‘click’,function(){ $(this).html(”); $(this).children(‘input’).focus(); if ($(this).attr(‘id’)==’date’){ $(this).children(‘input’).datepicker( “refresh”);//”option”, “dateFormat”,”yy-mm-dd”); } }); 但如果td有id日期，则datepicker不会显示。 我在插入的输入字段上也有模糊function，这是一个问题吗？ $(‘.editing’).live(‘blur’,function(){ //did something });
拖放问题jquery
我有下面的代码使用脚本我正在制作可拖动的东西和droppable。 目前我有两个可拖动内容，两个地方可以删除，如果正确，那么系统将改变并说出正确，我想知道是否有，我将能够只创建HTML div和代码运行通过并将draggable与dropable相匹配。 我的人有非技术性的backdround，有基本的HTML知识所以你现在如何添加div并删除它们但是他们能够处理脚本，我想知道，如果我的ID为1-10可拖动的内容和相同的可丢弃的1-10所以id 1 draggable只能添加到id一个droppable。 #droppable,#droppable2 { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; } #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } $(function() { $( “#draggable, #draggable2” ).draggable(); $( “#droppable” ).droppable({ accept: “#draggable”, drop: function( event, ui ) { $( this […]
django视图可以显示在灯箱中吗？
您将如何在灯箱中显示django视图，其余网站仍在后台。 事实上，我想要一个带有FormView“弹出”的模态jQuery对话框，并保留我的网站的其余部分，它使用canvas作为整页背景。 我已经看过jQuery演示，它显示了一个模态forms ，但我不明白如何在对话框中渲染视图。
jquery .load（）函数只在第一次工作
所以我有一个网站，我正在使用jQuery和jQuery UI作为个人网站 以前我一直在使用隐藏的HTML代码，只是使用jquery来显示它。 但它使我的html文件凌乱，所以我想使用jquery的.load（）来做同样的事情，但是从外部文件。 现在，它设置为.clickfunction。 对于我隐藏的html，每次单击特定元素时都会显示它。当您单击其他元素时。 它隐藏了第一个。 我正在做一个有2个class级的div。 问题是，当我尝试将html加载到隐藏的div中，然后显示并隐藏它时，它只在第一次工作。 够了，这是我的代码。 ＃1有效，＃2仅适用于第一次点击。 并且每次都留下imagearea空白。 $(“.jquery”).click(function(){ clearImageArea(); hideThumbnails(5); showThumbnails(); $(“#1”).click(function(){ $(“.imagearea”).html(js); $(“.jscode”).show(1000); $(“.title”).text(“Extending jQuery”); }); $(“#2”).click(function(){ $(“.jquery2”).empty(); $(“.jquery2”).load(“jqueryEx.html”); var jquery2 = $(“.jquery2”); $(“.imagearea”).html(jquery2); $(“.jquery2”).show(1000); $(“.title”).text(“Extending Jquery Example”); }); }); 现在我隐藏的东西在我的html文件中 首先我的html和js代码从jqueryEx.html加载到这里，并通过$(“.hidden”).hide();在我的javascript中的其他地方.hide $(“.hidden”).hide(); 然后通过.html()加载到imagearea中并通过.show() 我的另一个div看起来像是通过点击＃1放入imagearea //很多js代码转义为html 在我的JS代码的其他地方，我有var js=$(“.jscode”); 将它加载到您之前看到的js变量中。 如果你想看到我工作的过时的例子，请访问www.3realsoft.com（只有cs和js工作技能） 如果你想查看我的代码的任何其他部分，请问。 其中大部分都在我的网站上。
获取错误Uncaught SyntaxError：单击Onclick时出现意外的令牌ILLEGAL
下面是我正在使用的html代码 2 下面是函数调用它 function submit_details(pid,fname,lname,phone,zip){ $(“#sp_value”).val(pid); $(“#sf_value”).val(fname); $(“#sl_value”).val(lname); $(“#sph_value”).val(phone); $(“#sz_value”).val(zip); $(“#detail_form”).submit(); } whicle click我收到错误Uncaught SyntaxError：错误控制台中出现意外的令牌ILLEGAL
jQueryUI – 使用json文件自动完成
我正在尝试使用json文件进行自动完成，但是当我在输入字段上键入时，它什么也没显示。 我想只显示指定为“descricao”的数据，而不是“codigo”。 这是我的代码： $(function() { $(‘#autocompleteGrupo’).autocomplete({ source: function (request, response) { $.ajax({ url: “jsonGrupo.jsp”, dataType: ‘json’, data: request, success: function( data ) { response( $.map( data, function( item ) { return { label: value, value: item.descricao }; })); } }); }, minLength: 2 }); }); 我的json文件： [{“codigo”:”1″,”descricao”:”Tecnologia da Informação”}] 谢谢， 卢卡斯。
如何在jquery中排除tr的移动？
我正在使用jQuery sortable来排序我的表。 看我的结构 Elements I am first I am second I am third 我的jquery是 jQuery(‘#sortable tbody’).sortable({ update: function (event, ui) { }, cancel: ‘.not’, }); 我可以在这里移动 I am first I am second I am third 之前的行 Elements 我怎么能阻止这种运动？
jQuery自动完成JSON响应
我正在尝试使用jQueryUI自动完成插件，但我无法使其工作。 我在后端使用Spring MVC，并且通过跟随此post从网上获取JSON响应。 我的问题是，自动完成插件期望JSON响应的方式似乎存在一些问题。 我查看了我的firebug，它显示在JSON响应下面。 {“data”:[“TEST-01″,”TEST-02″,”TEST-03”]} 没有抛出错误，但自动完成并不是什么建议。
