Jquery,FadeIn在卸载之前

如果你愿意,我正在尝试完成过渡效果。 在doc ready div淡出时,我遇到的问题是当访问者离开页面时(或.unload)我想让div淡入。 $(document).ready(function(){ $(‘#overlay’).fadeOut(2000, ‘easeOutQuad’); }); $(window).beforeunload(function() { $(‘#overlay’).fadeIn(2000, ‘easeOutQuad’); });

在jquery validate中实现require_from_group

我试图让一组输入validation为一个。 因此,如果任何输入为空,它将在输入下方显示一条消息。 我一直在关注另一个SO答案。 4个输入将无法validation。 当没有提交数据时,他们只是不做任何事情。 我的其他输入validation就好了。 这是我的表格: Credit Card @Html.TextBoxFor(model => model.cardNumber, new { @class = “form-control cc”, @id = “CardNum”, @placeholder = “Card Number” }) @Html.TextBoxFor(model => model.name, new { @class = “form-control cap cc”, @id = “FullName”, @placeholder = “Full Name” }) @Html.TextBoxFor(model => model.expDate, new { @class = “form-control cc”, @id = […]

Highcharts:选择一张图表?

我正在使用highcharts制作仪表板。 现在我用每个函数的jquery搜索每个图表,找到哪个图表比窗口宽,以使其响应。 所以我必须为每个图表定义宽度。 如果图表比窗口宽,我想定义 width = $(window).width(). 同 $(“.dashboard”).highcharts({ chart: { width: width, //320 }, }); 我可以选择所有图表,但如何选择单个图表? 谢谢你的帮助。

如何使用Ajax请求创建和下载Excel文件

如果用户在我的网页上按下了一个公式按钮,我想创建一个Excel文件。 我的第一个解决方案很好。 用户按下按钮,服务器端java代码创建文件,执行java代码后,webbrowser打开一个对话框,询问用户是否显示或保存excel文件。 但我得到了客户的一些新要求。 如果用户按下了公式按钮,则必须在执行服务器端java代码时显示动画gif图像,并且如果服务器端java代码完成,则必须立即消除动画gif的消失。 这是Struts2提交按钮,如果按下按钮,它将启动HTTP请求: 这是客户端代码,它创建HTTP请求并将其发送到我的Struts2 Actionclass: function myJsFunction(){ $.ajax({ type: “POST”, dataType: ‘binary’, url: “myActionClass.action”, data: {//some necessary input values}, success: function(data){ console.log(data); // js code to disappeared the animated gif image } }); } 这是创建二进制代码的Java代码: private void returnExcelFileAsStream(final String filename) throws IOException { final InputStream is = new FileInputStream(filename); OutputStream os = […]

jQuery .animate / .each chaining

我正在尝试将匹配的东西组合起来: $(“.item”).each(function(i) { //animation here }); 使用jQuery固有的链接function,强制动画等待上一个动画完成,例如: $(“.item”).each(function(i) { $(this).animate({marginLeft:”0″}, 60); }); 然后在动画完成后触发.load函数。 基本上,我想按顺序淡出四个项目[一个接一个,而不是一次全部],然后将四个新项目加载到同一个div中,替换前四个。 我怎么能以可重用/可变的方式做到这一点?

检查 是否有活动链接?

我有 HEADER which triggers dropdown element one element one element one 我用这一行隐藏了所有li元素(第一个除外): $(‘#menu ul li.section-title:first-child’).parent().children(‘li’).hide(); 我想知道是否可以查询这三个链接中的一个是否处于活动状态,如果是这样,则无法隐藏! 甚至可能吗? 谢谢您的帮助!

如何更改点击输入值?

我通过ajax加载内容,并希望更改每个复选框的值,如果单击它们。 我试试 function calculate(){ if($(‘input[type=checkbox][checked]’)) { $(this).attr({ value: 1 }); } else { $(this).attr({ value: 0 }); } calculatebbb(); } 并添加到每个输入: 但是它不会检查这个元素,它会清除所有元素。

创建可重用的jQuery日期格式化程序

我有以下jQuery,我用它来格式化一个日期,以Rails将接受的格式解析为DB(正斜杠不起作用)。 $(‘input#expClosingDateDisplay’).change(function() { var expClosingDateDisplay = $(this).val().split(‘/’); var formattedexpClosingDate = expClosingDateDisplay[2] + ‘-‘ + expClosingDateDisplay[1] + ‘-‘ + expClosingDateDisplay[0] $(‘input#expClosingDate’).val(”); if (expClosingDateDisplay != ”) { $(‘input#expClosingDate’).val(formattedexpClosingDate); } }); HTML <input id="expClosingDateDisplay" class="fdatepicker" placeholder="dd/mm/yyyy" type="text" value="”> 这应该工作,但我想在我的应用程序中使用此function,因为我有许多日期字段。 我如何将当前的jQuery实现转换为可重用的函数?

加载svg文件(xml)并使用javascript提取特定信息

我试图使用jquery / javascript svg示例获取svg文件: Layer 1 Actor Role 并使用类似的东西从文件中提取数据 $.get(file_url, function(data) { var teste=data; },’xml’)// or use text instead of xml 然后获取所有元素,如rect或text,并说得到类似的内容(排除内部”只是为了知道值的来源): ‘元素’矩形,’重新缩放’无,’移动’静态 和文本(排除内部”):’元素’矩形,’重新缩放’无,’移动’静态,’text_pos’midcenter,’id’角色名称,’节点值’角色扮演角色 议决-期部分 $.get(file_url, function(data) { var teste=data; //all data rect1=$(”).append($(teste).find(“text”).attr(“id”)).html(); rect2=rect1+”-“+$(”).append($(teste).find(“text”).attr(“text_pos”)).html(); alert(rect2); }); alert(rect2); 问题发现它没有传递可变数据,在$ .get之外 第一次alert(rect2); 给出正确的数据 第二次alert(rect2); 给我未定义 任何人都知道为什么它没有给出一个全局变量:X已经尝试将变量放在外面但是也不起作用 对不起,忘记改变了co:f现在正确了

单击选择的jQuery toggleClass – 在左键单击和右键单击

我在div中有多个图像。 单击图像时,应切换选择和取消选择等内容。 一次只能选择一个img或者没有。 我使用下面的代码: function imageSelect(img) { $(“#” + img.id).toggleClass(“htmlView_img_select_toggle”); $(‘#snapshotsRpt > img’).click(function (e) { e.preventDefault; $(‘.htmlView_img_select_toggle’).removeClass(‘htmlView_img_select_toggle’); $(this).addClass(‘htmlView_img_select_toggle’); }); }; 但最终,至少有一个将继续被选中。 我不希望这样。 我仍然可以通过再次单击但使用单选function取消选择图像。 HTML代码是: htmlBody+=”; if (imgArray && imgArray.length>0){ for (var i=0;i<imgArray.length;i++){ htmlBody+='’; } } htmlBody+=”; 我是jquery的新手。 请帮忙!