Tag: javascript

IE9文件输入使用Javascript触发

我有一个post在这里: 变化在IE9中表现得很奇怪 但是,我遇到了一个关于文件上传的表单处理的新事件,如果有人遇到这个问题,我很好奇。 我最初的问题是我无法使用onchange事件工作,我想也许这是我的javascript的一个问题,但我发现它与表单被激活的方式有关。 我有一个文件输入 现在我做了两件事。 我隐藏了输入并创建了一个按钮(用于更好的样式控制)来激活输入。 click to upload a pic 然后JS用于两者之间的交互: $(“#mybutton”).click(function() { $(“Input[type=file]”).click() }; 当然是表单的提交(我在本例中使用parent,但是在我的实际代码中我使用了表单id)。 $(“input[type=file]”).change(function() { $(this).parent().submit(); }); 当我点击“mybutton”时,预期的结果确实发生了,我的浏览窗口打开,让我从我的电脑中选择一个文件。 此外,当我在IE以外的所有浏览器中更改文件时,会触发onchange事件。 现在,如果我取消隐藏表单并手动单击“浏览”按钮并选择一个文件,则会触发onchange事件。 所以基本上浏览器会点击实际文件按钮而不是执行$(“input [type = file]”)。click() 有人知道怎么修这个东西吗?

解析SVG并将其添加到svg元素

我有一个服务,我想动态地将SVG部件添加到ag元素。 这是服务返回的内容: Layer 1 我试图使用的代码已被多次修改,这对此有影响: function parseSVG(s, layer) { var div= $(s); for(var i = 0; i < div.children.length; i++) { layer.append(div.children[i]); } } layer是g元素,s是上面的svg。 我能得到的最接近的是在svg_1中一次添加title然后是所有路径元素。

单击使用JavaScript记录

我想记录链接上的所有点击。 我写了一个小记录器,可以通过url调用(返回一个空页面)。 使用jquery-ajax方法调用此URL。 但遗憾的是,如果用户使用firefox(IE中的一切看起来都不错),则不会记录每次点击。 我尝试了很多东西,但没有解决这个问题的方法,有没有胶水? HTML的代码: Click JS-jQuery的Skript: function loggClick(){ $.ajax({ type: “POST”, url: “Logger.ff”, //dynamic url to logging action data: { sid: ‘abc123’ //random data }, contentType: “application/x-www-form-urlencoded; charset=UTF-8”, cache: false }); return true; } 编辑:我在示例中错过了我必须在js调用中传递动态参数,所以它“不可能”删除onclick事件:(

添加到Jquery-ui可排序列表

关于Jquery-UI可排序列表的简单问题 我做了: 如何使用它来添加用户输入到jquery-ui可排序列表末尾的内容?

在bootstrap模式中加载iframe

我想在ifst加载之前将iframe加载到bootstrap模式中并显示加载器。 我正在使用一个简单的jquery点击function,但它无法正常工作。 我不明白为什么它不起作用。 小提琴整页小提琴 $(‘.btn’).click(function() { $(‘.modal’).on(‘show’,function() { $(this).find(‘iframe’).attr(‘src’,’http://www.google.com’) }) $(‘.modal’).modal({show:true}) $(‘iframe’).load(function() { $(‘.loading’).hide(); }); })

删除/隐藏表的空列,包括

如何隐藏包含所有空单元格的列,包括该列中的标题 ,同时保留其他列及其标题。 以下jquery隐藏了整个 ,这不是我想要的。 这是一个示例,我想隐藏整个’Column3’,包括 。 提前谢谢了。 $(‘table#mytable tr’).each(function() { if ($(this).children(‘td:empty’).length === $(this).children(‘td’).length) { $(this).hide(); } });

意外的令牌<在位置4的JSON中

var url=”http://fsa.citop.in/lnct/service/signProcess.aspx”; var data={txtLogId: “abc@xyz.com”,txtLogPass: “xyz”,hdnReqType2: “sign87162”}; var success=function(data, textStatus, jqXHR) { console.log(data); }; var fail=function(jqXHR, textStatus, errorThrown) { console.log(“Error:” + errorThrown ); } $.ajax({ type: “POST”, url: url, data:data, success:success, error:fail, }); 此POST请求在chrome中的页面“ http://fsa.citop.in/lnct/ ”的控制台中向我提供错误, SyntaxError: Unexpected token < in JSON at position 4 。 但是,如果我使用fsa.citop.in/lnct/service/signProcess.aspx (即没有http://),它没有给我任何错误,但没有任何数据返回。 在POST请求success时,需要一个JSON对象。 请有人解释这里发生了什么以及如何解决。

如何使用jQuery从其他网站抓取内容?

我正在用PHP做一个NEWS站点项目,对于这个项目,我想使用jQuery / JavaScript从其他NEWS站点获取内容。 jQuery中是否有任何function可以从其他域名中删除内容? 而且我也不想使用庞大的服务器CPU,因为它是一个大学服务器。 使用jQuery报废内容是否使用巨大的CPU? 在Stack Overflow中我读到了jQuery.get()函数,是否可以使用此函数从其他站点中抓取内容?

Blueimp Jquery文件上传:不显示缩略图预览图像

我在我的Rails应用程序中使用了Blueimp jQuery File Upload 。 当用户选择文件时,我想在将文件上传到服务器之前显示图像的缩略图和图像的名称。 我一直在引用该演示来自定义这个插件。 我能够在屏幕上打印文件的名称,但无法显示缩略图。 这是生成的html Fileupload Upload files ${name} $(function () { $(‘#fileupload’).fileupload({ add: function (e, data) { console.log(‘add’); $.each(data.files, function (index, file) { console.log(‘Added file: ‘ + file.name); //alert($(‘#tmpl-demo’).tmpl(data)); $(‘#template-upload’).tmpl(data.files).appendTo(‘.upload_files’); }); var jqXHR = data.submit() .success(function (result, textStatus, jqXHR) {/* … */}) .error(function (jqXHR, textStatus, errorThrown) {/* … */}) .complete(function […]

构建JavaScript对象以与jQuery .css()一起使用(重复键怎么办?)

我使用jQuery的.css()方法将样式应用于元素。 我是这样做的: var cssObj = { ‘background-color’ : ‘#000’, ‘background-image’: ‘-webkit-linear-gradient(top,#000,#fff)’, ‘background-image’: ‘linear-gradient(top,#000,#fff)’ }; $(“.element”).css(cssObj); 这个问题显然我在对象中使用了重复键,这并不酷。 我怎么解决这个问题? 我需要传递具有重复名称的CSS参数来解决大多数浏览器问题。