Tag: javascript

使用jQuery和iFrame下载文件: 我有以下代码下载.csv文件： $.ajax({ url: urlString, contentType: “application/json; charset=utf-8”, dataType: “json”, cache: false, success: function(data) { if (data) { var iframe = $(“”).attr({ src: data, style: “visibility:hidden;display:none” }).appendTo(buttonToDownloadFile); } else { alert(‘Something went wrong’); } } }); urlString指向Restful服务，该服务生成.csv文件并返回分配给iFrame的src属性的文件路径。这适用于任何.csv文件，但我遇到.xml文件的问题。当我使用相同的代码但将contentType更改为text/xml并使用它来下载.xml文件时，这不起作用。我可以在这里使用相同的方法来处理.xml文件吗？更新：感谢Ben指出了正确的方向。事实certificate我根本不需要ajax调用。相反，我可以使用iFrame及其url属性来调用Web服务，它将生成内容，添加标题（ Content-Disposition ），然后返回流。

JSF / PrimeFaces ajax更新打破了jQuery事件监听器函数绑定: 我正在使用jQuery为HTML中的每个input注册一个change事件监听器，如下所示： // 如果用户更改myTextarea的内容， myTextarea触发这两个change事件。但是，在按下部分更新myTextarea的更新按钮后，之后只会触发changeHandler。 $(document).ready()绑定的事件不再触发。这个PrimeFaces是相关的和/或预期的行为？如果是，那么如何在不重新运行文档就绪脚本的情况下确保触发第二个事件。

jQuery或Javascript检查图像是否已加载: 我知道Stackoverflow上有很多这些，但我没有找到一个适用于我最近版本的jquery（1.10.2）。我试过了： $(“.lazy”).load(function (){} 但我相信经过一些研究使用.load来检测图像加载在jQuery 1.8中已被弃用。我需要做的是在加载图像后启动图像resizefunction。我无法控制HTML，目前我必须通过在页面加载后附加一个属性（通过.attr() ）来添加图像尺寸，以便我可以使用lazyload js。问题是我需要一种准确的方法来阻止我的各种脚本，直到图像正确加载，否则函数有时会在每个图像加载之前触发。我尝试过使用$(window).load(function (){}); 但是在每张图片加载之前它有时仍然会闪光。

如何在上传前后预览图片？: 我将在表单中预览图像或照片，但它不起作用，HTML代码如下所示： Upload Image: Save 并在下面合并了JS代码/脚本： $(document).ready(function(){ var thumb=$(‘#thumb’); new AjaxUpload(‘imageUpload’,{ action:$(‘newHotnessForm’).attr(‘action’), name:’image’, onSubmit:function(file,extension){ $(‘#preview’).addClass(‘loading’); }, onComplete:function(file,response){ thumb.load(function(){ $(‘#preview’).removeClass(‘loading’); thumb.unbind(); }); thumb.attr(‘src’,response); } }); }); 我的表格上有两个主要问题： 1.为什么图像或图片的预览不起作用？ 2.单击保存按钮时如何粘贴表单中的照片，它将链接到我创建的另一个php或php页面？

jQuery.ready（）等效的元素事件监听器？: 我正在使用jQuery JavaScript库。我喜欢在设置DOM时触发的$(document)上准备好的事件监听器。（非常类似于.onload但没有外部源）我会发现它非常有用，如果有一个事件监听器与此行为非常相似，但在元素完全加载时触发。（fe：图片，文字内容极长的Div，如此）我很欣赏jQuery或JavaScript方法。

window.onclose函数: 我用这个函数调用我的窗口关闭。这是确认框弹出窗口。 if(confirm(“Sure you want to close the window”); { // yes return to submit function } else { // no return to Other call function } window.onclose = function() { alert(‘yes’); } 在带有X符号的右上角窗口关闭时，我需要返回false。我试图使用这个window.onclose函数，但它没有弹出。有人可以帮帮我吗？

将状态名称添加到d3.js中的地图中: 我正在使用albersUSA投影来显示地图。我想为每个州添加州的名称。这是我尝试过的，我可以在源代码中看到状态的名称，但我看不到它们的渲染。我究竟做错了什么？ var width = 1060, height = 600, var svg = d3.select(“body”).append(“svg”) .attr(“width”, width) .attr(“height”, height); svg.append(“rect”) .attr(“class”, “background”) .attr(“width”, width) .attr(“height”, height) .on(“click”, click) .on(“mousemove”, mousemove); var g = svg.append(“g”) .attr(“transform”, “translate(” + width / 2 + “,” + height / 2 + “)”) .append(“g”) .attr(“id”, “states”); var projection = d3.geo.albersUsa() […]

单击更改CSS属性: 我试图在点击另一个元素时更改一个元素的CSS。我搜索了很多，但没有任何效果。目前我使用下面的代码，但它不起作用。谁能告诉我我错过了什么？ hello world! function myFunction() { document.getElementById(‘foo’).style.cssText = ‘background-color: red; color: white; font-size: 44px’; }

Kendo UI网格多级层次结构（层次结构的n级）: 我正在使用Kendo UI Grid并且当前正确显示父子记录。然而，事实certificate我实际上需要显示n级与严格的父级。不是每个记录都会有孩子，但有些会有多个级别。当前网格代码： var jgrid = $(“#boxesgrid”).kendoGrid({ columns: [ { field: “JobId”, hidden: true }, { field: “PercentComplete”, hidden: true }, { field: “JobStatusId”, hidden: true }, { field: “AppName”, title: “App”, template: “${AppName}”, width: “5%”, editable: false, sortable: false }, { field: “JobName”, title: “Box Name”, width: “17%”, filterable: false }, […]