Questions tagged «jquery»

这是什么fn意思？ jQuery.fn.jquery

568 javascript  jquery 

我目前正在研究本教程：jQuery入门 对于以下两个示例： $("#orderedlist").find("li").each(function (i) { $(this).append(" BAM! " + i); }); $("#reset").click(function () { $("form").each(function () { this.reset(); }); }); 请注意，在第一个示例中，我们用于$(this)在每个li元素内附加一些文本。在第二个示例中，我们this在重置表单时直接使用。 $(this)似乎比经常使用this。 我的猜测是，在第一个示例中，$()是将每个li元素转换为可以理解append()功能的jQuery对象，而在第二个示例中，reset()可以直接在表单上调用它。 基本上，我们需要$()特殊的仅jQuery函数。 它是否正确？

567 javascript  jquery  this 

$(document).ready(function() { //set initial state. $('#textbox1').val($(this).is(':checked')); $('#checkbox1').change(function() { $('#textbox1').val($(this).is(':checked')); }); $('#checkbox1').click(function() { if (!$(this).is(':checked')) { return confirm("Are you sure?"); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" id="checkbox1"/><br /> <input type="text" id="textbox1"/> 运行代码段隐藏结果展开摘要 此处.change()使用复选框状态更新文本框值。我.click()用来确认取消选中的操作。如果用户选择“取消”，则复选标记会恢复，但.change()会在确认前触发。 这会使状态处于不一致状态，并且选中复选框时文本框会显示false。 如何处理取消并保持文本框值与检查状态一致？

564 javascript  jquery  event-handling 

我在使用jQuery的ajax函数将文件发送到服务器端PHP脚本时遇到问题。可以获取文件列表，$('#fileinput').attr('files')但如何将这些数据发送到服务器呢？使用文件输入时$_POST，服务器端php脚本上的结果数组（）为0（NULL）。 我知道这是有可能的（尽管直到现在我还没有找到任何jQuery解决方案，只有Prototye代码（http://webreflection.blogspot.com/2009/03/safari-4-multiple-upload-with-progress.html）） ）。 这似乎是相对较新的，所以请不要提及通过XHR / Ajax无法上传文件，因为它确实可以正常工作。 我需要Safari 5，FF和Chrome中的功能会不错，但不是必需的。 我现在的代码是： $.ajax({ url: 'php/upload.php', data: $('#file').attr('files'), cache: false, contentType: 'multipart/form-data', processData: false, type: 'POST', success: function(data){ alert(data); } });

563 jquery  ajax  file-upload  multipartform-data  form-data 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 5年前关闭。 随着jQuery之类的JavaScript框架使客户端Web应用程序变得更丰富，更实用，我开始注意到一个问题... 您如何将其组织起来？ 将所有处理程序放在一个位置并为所有事件编写函数？ 创建函数/类来包装所有功能？ 写得像疯了似的，只是希望它能达到最佳效果？ 放弃并获得新的职业？ 我提到了jQuery，但实际上实际上是任何JavaScript代码。我发现随着线的堆积开始，管理脚本文件或查找所需内容变得越来越困难。我发现的最大问题可能是做同一件事的方法太多，很难知道哪种方法是当前公认的最佳实践。 关于保持.js文件与应用程序其余部分一样整洁的最佳方法，是否有任何一般性建议？还是这只是IDE的问题？有更好的选择吗？ 编辑 该问题旨在更多地涉及代码组织而不是文件组织。有一些非常好的合并文件或拆分内容的示例。 我的问题是：组织实际代码的当前公认的最佳实践方法是什么？与页面元素进行交互并创建互不冲突的可重用代码的方式，甚至是推荐的方式？ 有些人列出了名称空间，这是一个好主意。还有哪些其他方式，更具体地说是处理页面上的元素并使代码井井有条和整洁？

561 javascript  jquery  design-patterns  architecture  formatting 

在我正在构建的网站的首页上，有几个<div>使用CSS :hover伪类在鼠标悬停在它们上方时添加边框。的其中一个<div>包含<form>，如果其中的输入具有焦点，则使用jQuery使用jQuery保留边框。除IE6不支持s :hover之外<a>的任何其他元素外，此方法均能完美运行。因此，仅对于此浏览器，我们使用jQuery :hover使用该$(#element).hover()方法来模仿CSS 。唯一的问题是，现在jQuery可以处理form focus() 和 hover()，当输入具有焦点时，用户将鼠标移入和移出，边框就会消失。 我当时以为我们可以使用某种条件来停止这种行为。例如，如果我们在鼠标移开时测试了任何输入是否具有焦点，则可以阻止边框消失。AFAIK，:focusjQuery中没有选择器，所以我不确定如何实现。有任何想法吗？

561 javascript  jquery  javascript-events  jquery-on 

我正在使用Google Maps API（v3）在页面上绘制一些地图。我想做的一件事是在地图上滚动鼠标滚轮时禁用缩放，但我不确定如何做。 我已经禁用了scaleControl（即，删除了缩放UI元素），但这不会阻止滚轮缩放。 这是我的功能的一部分（它是一个简单的jQuery插件）： $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as not relevant };

560 jquery  google-maps  google-maps-api-3  jquery-plugins 

这个问题的答案是社区的努力。编辑现有答案以改善此职位。它目前不接受新的答案或互动。 我需要以某种方式使用JavaScript检索客户端的IP地址；没有服务器端代码，甚至没有SSI。 但是，我不反对使用免费的第三方脚本/服务。

560 javascript  jquery  ip-address 

我有两个功能。当按下回车键时，功能正常运行，但是当按下退出键时，功能无法正常运行。退出键的正确数字是多少？ $(document).keypress(function(e) { if (e.which == 13) $('.save').click(); // enter (works as expected) if (e.which == 27) $('.cancel').click(); // esc (does not work) });

559 javascript  jquery 

我有一个庞大的jQuery应用程序，并且我将以下两种方法用于点击事件。 第一种方法 的HTML <div id="myDiv">Some Content</div> jQuery的 $('#myDiv').click(function(){ //Some code }); 第二种方法 的HTML <div id="myDiv" onClick="divFunction()">Some Content</div> JavaScript函数调用 function divFunction(){ //Some code } 我在应用程序中使用第一种或第二种方法。哪一个更好？性能更好？和标准？

558 javascript  jquery  html  jquery-events 

问题陈述很简单。我需要查看用户是否已从广播组中选择了一个单选按钮。组中的每个单选按钮共享相同的ID。 问题是我无法控制表单的生成方式。这是单选按钮控制代码的示例代码： <input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 > 除此之外，当一个单选按钮被选中它不添加一个“选中”属性只是文字对照检查 （我猜只是属性检查没有值）。以下是选定的无线电控件的外观 <input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 > 有人可以帮助我使用可以帮助我获取选中的单选按钮值的jQuery代码吗？

556 jquery  radio-button  siebel 

GET：$.get(..) POST：$.post().. 那PUT/DELETE呢

555 jquery  httprequest  put 

Наэтотвопросестьответына 堆栈溢出нарусском：JQuery的поискобработчикасобытияобъекта 我需要查找在对象上注册了哪些事件处理程序。 例如： $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")已注册点击和鼠标悬停。 是否有一个函数可以找出并可能遍历事件处理程序？ 如果通过适当的方法无法在jQuery对象上进行操作，是否可以在普通的DOM对象上进行处理？

555 jquery  events  dom 

我正在<iframe>HTML页面中加载，并尝试使用Javascript访问其中的元素，但是当我尝试执行代码时，出现以下错误： SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. 您能否帮助我找到解决方案，以便我可以访问框架中的元素？ 我正在使用此代码进行测试，但徒劳无功： $(document).ready(function() { var iframeWindow = document.getElementById("my-iframe-id").contentWindow; iframeWindow.addEventListener("load", function() { var doc = iframe.contentDocument || iframe.contentWindow.document; var target = doc.getElementById("my-target-id"); target.innerHTML = "Found it!"; }); });

555 javascript  jquery  security  iframe  same-origin-policy 

我正在开发一个页面，该页面通过jQuery的AJAX支持从Flickr和Panoramio中提取图像。 Flickr方面运行良好，但是当我尝试$.get(url, callback)从Panoramio进行操作时，我在Chrome的控制台中看到错误： XMLHttpRequest无法加载http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150。Access-Control-Allow-Origin不允许使用Origin null。 如果我直接从浏览器查询该URL，它将正常工作。这是怎么回事，我可以解决这个问题吗？我是在错误地编写查询，还是Panoramio这样做妨碍了我的工作？ Google并未在错误消息中显示任何有用的匹配项。 编辑 这是一些显示问题的示例代码： $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150'; $.get(url, function (jsonp) { var processImages = function (data) { alert('ok'); }; eval(jsonp); }); }); 您可以在线运行示例。 编辑2 感谢达林在这方面的帮助。 上面的代码错误。 使用此代替： $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&minx=-30&miny=0&maxx=0&maxy=150&callback=?'; $.get(url, function (data) { // can use …

550 javascript  jquery  xmlhttprequest  cors  jsonp