Tag: jquery ui

如何根据用户选择jquery datepicker禁用日期

我有以下代码: HTML from to select days of the week S M T W T F S 脚本 $( function() { var dateFormat = “mm/dd/yy”, from = $( “#sproid-bookingcondition-datefrom” ) .datepicker({ defaultDate: “+1w”, changeMonth: true, numberOfMonths: 1 }) .on( “change”, function() { to.datepicker( “option”, “minDate”, getDate( this ) ); }), to = $( “#sproid-bookingcondition-dateto” ).datepicker({ defaultDate: […]

当用Backbone.js替换内容时,如何解锁jquery ui检查按钮?

我有一个Web应用程序替换内容。 这个内容有jquery ui检查按钮。 如果按钮已经存在则替换内容,则不要再次添加: if(!$(‘label[for=checkWeekM]’).hasClass(‘ui-button’)) $(‘.checkWeek’).button(); 如果我按下按钮(检查其状态)并且如果我更换内容,则按钮开始锁定,直到再次替换相同的内容。 我使用Backbone.js来替换内容 的jsfiddle 如何解锁检查按钮?

jquery确认并退出function

在显示的html页面中, window.onbeforeunload = confirmExit代码放置在哪里,这样当显示validate div时,当用户点击取消或保存按钮时,不会出现警告消息。如果用户点击或任何其他链接应显示警报消息 如果单击任何其他链接,则应调用makeajaxcall()函数,然后继续 function cancel() { $(‘lovalchanges’).val(‘0’); makeajaxcall(); } function makeajxcall() { send request to server and get response } $(document).ready({ if(load_flag == 2) { $(“#validate”).css({‘display’:block}); $(“#start”).css({‘display’:none}); $(“#confirm”).css({‘display’:none}); window.onbeforeunload = confirmExit ; } }); function confirmExit() { var ele = document.getElementById (“localchanges”) ; if (ele.value == “1”) return “You have not saved […]

datepicker和jstree或multipul之间的冲突

我在我的页面中使用datepicker 我使用jquery 1.6.2和jquery UI 1.8.14的datepicker 然后我使用适用于1.9.0或更高版本的jstree 和多选用至少1.7.0 jquery 我加载这些js文件 var jq162 = jQuery.noConflict(true); 现在我用这个 jq162(function() { //———————————- jq162(‘#datepicker12from’).datepicker({ onSelect: function(dateText, inst) { jq162(‘#datepicker12to’).datepicker(‘option’, ‘minDate’, new JalaliDate(inst[‘selectedYear’], inst[‘selectedMonth’], inst[‘selectedDay’])); } }); jq162(‘#datepicker12to’).datepicker(); jq162(‘#datepicker’).datepicker(); }); 但也有这个代码datepicker不起作用 我能为这个问题做些什么? 如果可以,请帮助我,我真的需要解决这个程序 谢谢

JQuery和ASP.NET Web窗体

我正在创建一个ASP.NET Web窗体应用程序,我正在尝试使用一些不错的jQueryfunction和华而不实。 我的应用程序的当前部分包含两个jQuery UI选项卡; 搜索选项卡和结果选项卡。 当用户从搜索页​​面执行搜索时,将选择结果选项卡,结果将显示在此选项卡中。 我需要将结果导入gridview。 现在这是问题开始出现的地方: 获取搜索结果的最简单方法是允许搜索单击执行回发,然后我可以使用输入字段中的参数格式化数据源,并让datagrid自行处理并绑定数据并显示结果。 问题是,这看起来真的不那么好(由于整个post等等)以及开始导致使用javascript / jQuery来处理标签切换和所有部分的一些问题因为回发重新初始化一切来自jQuery UI(即jQuery UI选项卡)。 简而言之,回发允许轻松绑定输入以进行搜索并获得结果,但会使页面及其行为完全不稳定。 我想知道是否有一种标准的方法来在web表单中一起完成这种类型的混合jQuery / javascript / AJAX,以获得诸如gridview等function。 我想知道是否有一些很好的教程,甚至只是解决这个问题的方向。 我希望这一切都有意义,谢谢大家的帮助。

Jquery数据表不使用嵌套表

我试图在一块HTML上应用jQuery数据表。 标记由嵌套表组成,这会产生问题。 错误控制台出错: – “nCell未定义”。 为什么嵌套表上的Datatables不起作用有点令人困惑? 是jQuery Datatables不支持嵌套表还是我错过了什么? 这是我写的标记: $(document).ready(function() { $(‘#table_id,#id2’).dataTable();} ); AAA BBB CCC Row 1 Data 1 Row 1 Data 2 etc Row 2 Data 1 Row 2 Data 2 etc JJJJ KKK LLL MMM

Live Droppable UI元素仅在第二次尝试时接受Drop

我有通过Ajax动态添加到页面的JQuery UI Droppables。 尝试按照指南以实时方式连接Droppables: jQuery UI Droppable:如何让它生效? 在第一次尝试拖放时, hoverClass没有挂钩,也没有hoverClass目标是已注册的Droppable (放置事件处理程序不会触发)。 在后续尝试中,它按预期工作。 小提琴: http : //jsfiddle.net/ericjohannsen/ESCN9/ 如何让dropfunction第一次运行?

如何使用jquery拖动其他图像来触发拖动图像

我正在使用jquery拖动图像。 以下是我的代码 $( “#imgMaster” ). draggable ({ axis: “y”, containment:[0,170,0,430], start: function(event, ui) { $(“#imgFrontLeft”).trigger(‘draggable’); } }); $( “#imgFrontLeft” ). draggable ({ axis: “y” , containment:[0,162,0,290], }); 我的要求是,在#imgMaster拖动时,必须拖动#imgFrontLeft。 两个图像都是独立拖动的。 请帮助我,我怎么能满足我的要求。

jQuery – 使用动画仍然需要帮助19.02.2012在div上切换背景颜色

我希望避免使用css转换。 我有三个同一类的div。 我点击时试图切换一个div的背景颜色。 再次单击div或单击其中一个时,我希望它返回默认值。 我已经包含了jQuery颜色插件,并成功地改变了点击的颜色。 我相信我的条件是错误的,这就是为什么我不能在点击其他div时改变颜色。 这就是我所做的: jQuery(document).ready(function() { $(‘.link’).click(function() { var $me = $(this); if ($me.css(“background-color”) == “#993″) { $me.animate({backgroundColor:”#246”}, 500); } else { $(“.link”).each(function() { if ($(this) != $me) { if ($(this).css(“background-color”) == “#246″) { $(this).animate({backgroundColor:”#993″}, 500); } } }); $me.animate({backgroundColor:”#246”}, 500); } }); }); .link { width:100px; padding:10px; background-color:#993; float:left; display:inline; text-align:center; […]

简单的jQuery draggable实现没有jQuery-UI – 如何关闭?

我在这里定制了一个简化的“可拖动”函数: 没有jQuery-UI的可拖动,这是我到目前为止所拥有的: $.fn.extend({ canDragMe: function(){ return this.each(function() { var $this = $(this); $this = $(this); return $this.css(‘cursor’, opt.cursor).on(“mousedown”, function(e) { var $drag = $this.addClass(‘draggable’); drg_h = $drag.outerHeight(), drg_w = $drag.outerWidth(), pos_y = $drag.offset().top + drg_h – e.pageY, pos_x = $drag.offset().left + drg_w – e.pageX; $drag.on(“mousemove”, function(e) { $(‘.draggable’).offset({ top:e.pageY + pos_y – drg_h, left:e.pageX + […]