Tag: jquery

将多个图像上传到api – phonegap

我在一个phonegap项目中,我有一个页面,其中包含一些内容发布到服务器。 我已将文本内容发布到服务器,如下所示“ $.ajax({ url:”http://xxxx.xxx.xx/mobapp/api/save-data”, type:”POST”, crossDomain: true, dataType:”json”, data: {pliid: document.pliform.pliid.value,idate:document.pliform.date.value, snum:document.pliform.street_no.value, sname:document.pliform.street_name.value,state:document.pliform.state.value, pcode:document.pliform.PostCode.value, suburb:document.pliform.Suburb.value, productlist:pl}, success: function(data) { alert(“success”); console.log(JSON.stringify(data)); }, error: function(jqXHR, textStatus, errorThrown,data) { console.log(“readyState: ” + jqXHR.readyState); } 一切正常,但我想上传一些从设备上拍摄的图像,我没有任何关于上传多个图像的想法,因为我没有太多的经验将文件上传到api。 等你帮忙。 谢谢。

$ getJSON .fail没有开火

无法提醒$ getJSON .fail: this.flickrPics = ko.observableArray(); ko.computed(function() { $.getJSON( ‘https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?’, { tags : data.name, format : ‘json’ }) .done(function(response) { for (var i = 0; i < 10; i++) { self.flickrPics.push(response.items[i].media.m); } }) .fail(function(error) { alert(error + 'error'); // $('.pics-box h2').text("sorry, pictures cant be loaded at the moment"); }); }, this); 除了.fail之外,一切都很完美。 如果我弄乱了url,没有任何反应,只能获得失败的ajax调用的控制台错误。 我究竟做错了什么?

jQuery Xpath选择器,用于选择id包含’sometext’的元素

我在aspx页面中有一个listbox元素,其id是attributesList。 我想选择这个元素来跟踪它的更改事件,但我无法直接选择它的id,因为asp.net在运行时更改了它的id。 它的id,attributesList变为ctl00_adminPlaceHolder_attributesList。 所以我想要做的是使用“包含”xpath表达式来选择元素。

Jquery隐藏前12个元素,显示接下来的12个元素上一个和下一个

我想要做的是隐藏前12个元素并显示接下来的12个元素并反转,它就像搜索结果中的下一页和上一页。 从Jquery得到这个代码隐藏前12个元素,显示接下来的12个元素 DEMO 151 151 151 151 151 151 151 151 151 151 151 151 152 152 etc… next var x = $(“.inner-content div”).hide(); $(“div:contains(next)”).click(function() { var cnt = $(this).data(“cnt”) || 0; if((cnt * 12) > x.length){ cnt = 0; } x.hide().filter(“:eq(“+ (cnt * 12) + “), :lt(” + ((cnt * 12) + 12) + […]

JQuery – 禁用提交按钮,除非原始表单数据已更改

我在这里找到了以下代码( 禁用提交按钮,除非原始表单数据已更改 )并且它有效,但对于我的生活,我无法弄清楚如何更改相同提交按钮的属性,文本和CSS。 我希望启用/禁用按钮时文本,背景和hover背景不同,并且还要切换另一个可见/隐藏的DIV。 $(‘form’) .each(function(){ $(this).data(‘serialized’, $(this).serialize()) }) .on(‘change input’, function(){ $(this) .find(‘input:submit, button:submit’) .prop(‘disabled’, $(this).serialize() == $(this).data(‘serialized’)) ; }) .find(‘input:submit, button:submit’) .prop(‘disabled’, true); 有人可以提供样品。 我没有留下的头发拉出来:-)

IE mousemove bug

我有一个工具提示脚本,它使用mousemove jquery函数。 IE的一切都运行良好。 看看这里: http : //omarabid.com/deploy/矩形是“li”元素。 将鼠标移到上方时,会出现一个标记。 在IE中,标签确实出现,但仅当您将鼠标移动到空白区域(右侧)时。 当您移动图像时,没有任何事情让我发疯。 似乎当指针进入图像区域时,标签会随着fadeout()消失,就像鼠标退出该区域一样(这不是真的!) 那问题出在哪里? 这是IE漏洞吗?

两个动态下降

我有两个下降。 当我选择第一个。 应根据第一个选择的值从数据库填充第二个。 我不想提交然后获取值,所以基本上没有页面刷新。我需要jquery和Ajax吗?

单击时克隆的项目,返回原始格式但不会被删除

我克隆了一排元素。 克隆后,原始文本框元素将替换为链接。 然后,如果用户选择删除克隆的项目,它将以原始forms(即tetxbox)返回到原始位置。 这种逆转工作正常。 只是没有发现克隆项目的删除。 点击删除后,克隆的项目将被删除但不完整。单击的链接的值将附加到列表中的下一个克隆项目。为什么链接没有被删除? 下面忽略主题名称并关注带有值的链接以RM开头之前删除已点击(克隆项目) 删除后点击(克隆项目) 这是我克隆的方式: function getText(param) { var clony = $(“div.clone_this#”+param).remove().clone(true, true).insertBefore(“#sub”); var price = $(“input[type=text].text_”+param).val(); // alert(price); clony.find(‘input[type=text]’).replaceWith(“RM “+price+””); clony.find(‘.cr’).append(“”); } 这是我删除和更改回原始forms的元素的方式。 function removeThis(param) { event.preventDefault(); $(“div.clone_this#”+param).detahttps://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/ch().appendTo(“#sub”); var price = $(“a[href=https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/ch]”).text(); $(“div.clone_this#”+param).find($(“a[href=https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/ch]”).text(price)).replaceWith(“”); $(“div.clone_this#”+param).find(“a[href=https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/del]”).remove(); return false; } 由jquery注入的HTML(仅包装器)内容 Finally, https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/choose your Course:

在加载包含表单输入字段的div之后,如何执行validationJQuery脚本?

我在JQuery中绝对是新的,我有以下疑问。 我知道这样做: $(document).ready(function() { DO SOMETHING ………………………… ………………………… ………………………… } 在完成文档完整显示之后执行function()体实现的行为。 但是,例如我有以下情况。 进入使用Struts 2标记库的页面(但这并不重要,我有一个表单: s:form标签是一个Struts 2标签,它只是包装一个标准的HTML表单。 sj:div标签是一个Struts 2标签,它包含一个包含表单输入字段的div。 这被定义为另一个JSP页面,这仅在特定事件(用户单击按钮后)之后显示。 它只是生成一个标准HTML div,其id = resultEvents包含表单输入字段。 所以现在我想使用JQueryvalidation器作为输入字段值,但是当文件由$(document).ready()准备就绪时我无法加载它,因为当文档准备就绪时我的表单的输入字段不是加载在DOM中。 我必须做这样的事情: $(document).ready(function(){ alert(“VALIDATION”) var validator = $(“#projectForm”).validate({ rules: { “kmProjectInfo.name”: “required” }, messages: { “kmProjectInfo.name”: “Please enter a project name” } }); 但是在我加载了这个脚本后,我已经加载了这个脚本, 然后加载了id = resultEvents的div的内容。 我该怎么做? 有可能吗? TNX

根据数量设置具有相同类别的多个元素的宽度

我遇到的问题类似于以前的问题。 我试图给多个元素一个宽度,具体取决于它们有多少。 假设我有5个元素,它们的宽度必须是20%,如果我有4个25%等(宽度= 100 / n) 我认为这会起作用,但它没有: if ($(window).width() <= 960) { $("aside.widget").css("width", function(){ var widgetLength = $("section#secondary").children("aside.widget").length(); return 100 / widgetLength + "%" }); } 也不是: if ($(window).width() <= 960) { $("aside.widget").css("width", 100 / widgetLength + "%"); } 控制台返回: Uncaught TypeError: Property ‘length’ of object [object Object] is not a function 有什么想法吗? 谢谢。