程序设计 jquery

10

我在Main.php的iframe中加载了一个帮助页面help.php，将页面加载到iframe中后，如何获取该页面的高度？我问这个问题是因为我无法将iframe的高度设置为100％或自动。这就是为什么我认为我需要使用javascript ..我正在使用jQuery CSS： body { margin: 0; padding: 0; } .container { width: 900px; height: 100%; margin: 0 auto; background: silver; } .help-div { display: none; width: 850px; height: 100%; position: absolute; top: 100px; background: orange; } #help-frame { width: 100%; height: auto; margin:0; padding:0; } JS： $(document).ready(function () …

84 jquery iframe height onload

11

停止输入/书写后如何触发输入文本中的事件？

我想在我停止在输入文本框中键入（而不是在键入时）字符之后触发事件。我尝试过： $('input#username').keypress(function() { var _this = $(this); // copy of this object for further usage setTimeout(function() { $.post('/ajax/fetch', { type: 'username', value: _this.val() }, function(data) { if(!data.success) { // continue working } else { // throw an error } }, 'json'); }, 3000); }); 但是此示例为每个键入的字符产生超时，如果输入20个字符，我将收到20个AJAX请求。在这个小提琴上，我用简单的警报而不是AJAX演示了相同的问题。有没有解决的办法，或者我只是用一种不好的方法呢？

84 jquery timeout keypress typeahead debouncing

8

javascript对象过滤器数组

我有一系列对象，我想知道搜索它的最佳方法。给定以下示例，我如何搜索name = "Joe"和age < 30？jQuery有什么可以帮助的吗？还是我必须自己蛮力搜索？ var names = new Array(); var object = { name : "Joe", age:20, email: "joe@hotmail.com"}; names.push(object); object = { name : "Mike", age:50, email: "mike@hotmail.com"}; names.push(object); object = { name : "Joe", age:45, email: "mike@hotmail.com"}; names.push(object);

84 javascript jquery arrays

3

jQuery从特定形式获取所有输入

有什么方法可以填充特定形式的所有输入吗？可以这样说： <form id="unique00"> <input type="text" name="whatever" id="whatever" value="whatever" /> <div> <input type="checkbox" name="whatever" id="whatever" value="whatever" /> </div> <table><tr><td> <input type="hidden" name="whatever" id="whatever" value="whatever" /> <input type="submit" value="qweqsac" /> </td></tr></table> </form> <form id="unique01"> <div> <input type="text" name="whatever" id="whatever" value="whatever" /> <input type="checkbox" name="whatever" id="whatever" value="whatever" /> </div> <table><tr><td> <input type="hidden" name="whatever" …

84 javascript jquery html

3

使用jQuery的ajax方法将图像检索为斑点

我最近问了另一个（相关的）问题，这导致了后续问题：为输入表单提交数据而不是文件阅读jQuery.ajax（）文档（http://api.jquery.com/jQuery.ajax/），似乎可接受的dataTypes列表不包含图像。我正在尝试使用jQuery.get（或必要时使用jQuery.ajax）来检索图像，将此图像存储在Blob中，然后在POST请求中将其上传到另一台服务器。当前，由于数据类型不匹配，我的图像最终被损坏（字节大小不匹配等）。执行此操作的代码如下（它在coffeescript中，但应该不难解析）： handler = (data,status) -> fd = new FormData fd.append("file", new Blob([data], { "type" : "image/png" })) jQuery.ajax { url: target_url, data: fd, processData: false, contentType: "multipart/form-data", type: "POST", complete: (xhr,status) -> console.log xhr.status console.log xhr.statusCode console.log xhr.responseText } jQuery.get(image_source_url, null, handler) 我如何检索此图像作为斑点？

84 javascript jquery

7

输入元素上的JavaScript更改事件仅在失去焦点时触发

我有一个输入元素，我想继续检查内容的长度，每当长度等于特定大小时，我都希望启用提交按钮，但是我遇到了Java的onchange事件作为事件的问题仅在输入元素超出范围时触发，而在内容更改时不触发。 <input type="text" id="name" onchange="checkLength(this.value)" /> ---- onchange不会在更改名称内容时触发，而仅在名称失去焦点时才触发。我可以做些什么来使此事件在内容更改上起作用吗？或其他可以用于此目的的事件？我通过使用onkeyup函数找到了一种解决方法，但是当我们从浏览器的自动完成器中选择某些内容时，这种方法不会触发。我希望在通过键盘或鼠标更改字段内容时可以使用的东西……有什么想法吗？

84 javascript jquery dom-events

5

如何在ReactJS中使用JQuery

我是ReactJS的新手。以前，我使用jQuery设置所需的任何动画或功能。但是现在我正在尝试使用ReactJS并尽量减少使用jQuery。我的情况是：我正在尝试使用ReactJS构建手风琴。 <div class="accor"> <div class="head">Head 1</div> <div class="body hide">Body 1</div> </div> <div class="accor"> <div class="head">Head 1</div> <div class="body hide">Body 1</div> </div> <div class="accor"> <div class="head">Head 1</div> <div class="body hide">Body 1</div> </div> 使用JQuery： $('.accor > .head').on('click', function(){ $('.accor > .body').slideUp(); $(this).next().slideDown(); }); 我的问题：我该如何使用ReactJS？

84 javascript jquery reactjs

3

跨多个元素的Angular.js ng-repeat

此问题已在此处部分解决：跨多个tr的Angular.js ng-repeat 但是，这实际上只是一种变通方法，它实际上并未解决核心问题，即：如何在没有包装的情况下跨多个元素使用ng-repeat？例如，jquery.accordion要求您重复一个h3和div元素，用ng-repeat怎么做？

83 javascript jquery angularjs angularjs-ng-repeat

12

jQuery .load（）调用未在加载的HTML文件中执行JavaScript

这似乎仅与Safari有关。我在Mac上尝试过4，在Windows上尝试过3，但仍然没有运气。我正在尝试加载外部HTML文件，并执行嵌入的JavaScript。我要使用的代码是这样的： $("#myBtn").click(function() { $("#myDiv").load("trackingCode.html"); }); trackingCode.html 看起来像这样（现在很简单，但是如果我能正常工作的话，将会扩展一次）： <html> <head> <title>Tracking HTML File</title> <script language="javascript" type="text/javascript"> alert("outside the jQuery ready"); $(function() { alert("inside the jQuery ready"); }); </script> </head> <body> </body> </html> 我在IE（6＆7）和Firefox（2＆3）中都看到了警报消息。但是，我无法在Safari中看到消息（我需要关注的最后一个浏览器-项目要求-请不要大惊小怪）。关于Safari为什么忽略trackingCode.html文件中的JavaScript的任何想法？最终，我希望能够将JavaScript对象传递到此trackingCode.html文件以在jQuery ready调用中使用，但是我想确保在所有浏览器中都可以做到这一点。

83 jquery ajax safari

8

jQuery Force为iframe设置src属性

我有一个主页（实际上是一个JSP），其中包含一个iframe。 <iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"></iframe> 现在主页上有多个链接（通过JSP动态呈现），可以尝试将src设置为某些URL ... 现在我的问题是，使用jQuery（可能是live（）），我可以用abc_frame的“ src”属性始终具有某些特定值（例如“ somefixedURL”）的方式覆盖它吗？我无法捕获链接点击，因为它是通过某些Java代码完全动态创建的，因此我试图覆盖iframe src吗？

83 javascript jquery dom

12

jQuery-UI的自动完成功能无法正常显示，z-index问题

我目前正在我的客户网上商店中实现jQuery UI的自动完成功能。问题是：自动完成功能所驻留的元素的z-index值高于自动完成功能的z-index值。我尝试手动设置自动完成z-index，但是我感觉jQuery UI会覆盖它。实际上，我的问题是自动完成建议列表的重复，错误的z-index，我该如何更改？，但由于没有答案，因此我考虑再次尝试。欢迎任何帮助！马丁

83 javascript jquery jquery-ui autocomplete

9

Google图表重绘/缩放窗口大小

如何在窗口调整大小时重新绘制/调整Google折线图的大小？

83 javascript jquery resize google-visualization

9

Chrome为什么会忽略本地jQuery Cookie？

我正在使用jQuery Cookie插件（下载和演示以及带注释的源代码）来设置和读取Cookie。我正在本地计算机上开发页面。以下代码将在FireFox 3，IE 7和Safari（PC）中成功设置cookie。但是，如果浏览器是Google Chrome浏览器，并且页面是本地文件，则无法使用。 $.cookie("nameofcookie", cookievalue, {path: "/", expires: 30}); 我所知道的：该插件的演示适用于Chrome。如果我将代码放在网络服务器（地址以http：//开头）上，则可以在Chrome浏览器上使用。因此，该cookie仅对本地文件上的Google Chrome失败。可能的原因： Google Chrome浏览器不接受硬盘驱动器上的网页中的cookie（诸如file：/// C：/websites/foo.html之类的路径）插件中的某些设置导致Chrome拒绝此类Cookie 谁能确认这一点并找出根本原因？

83 jquery cookies google-chrome

8

jQuery的UI日期选择器更改Z索引

这个问题很简单，尽管我很难弄清楚如何解决它。我正在使用jQuery-ui datepicker以及自定义的“ ios样式开/关切换”。此切换开关使用一些绝对定位的元素，这些元素当前显示在我的日期选择器顶部。请参阅下面覆盖7月6日的丑陋圈子... 做这件事的肮脏方法（至少是imo）是在我的一个样式表中编写样式，但是我宁愿在启动选择器时使用一些javascript来完成此工作。我已经尝试过了 $('.date_field').datepicker(); $('.date_field').datepicker("widget").css({"z-index":100}); 和 $('.date_field').datepicker({ beforeShow: function(input, inst) { inst.dpDiv.css({"z-index":100}); } }); 但似乎每次启动日期选择器时z-index都会被覆盖。任何帮助表示赞赏！

83 javascript jquery css jquery-ui datepicker

22

模态窗口中的Twitter Bootstrap Datepicker

我目前正在使用Twitter Bootstrap框架，并且在使用模式窗口时，尽管已正确选择并统一渲染，但我无法克服js元素像datepicker或Validation那样工作。请在下面查看我的模态窗口： <div class="modal hide in" id="newMember" style="display: block; " aria-hidden="false"> <div class="modal-header"> <button class="close" data-dismiss="modal" type="button">×</button> <h3>New Member Form</h3> </div> <form accept-charset="UTF-8" action="/players" class="form-horizontal" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="KdL6cc2Vb53qeMY+PpBUS70myT4HX1uWofMUBolLea8="></div> <div class="modal-body"> <div class="widget-content nopadding"> <div class="control-group"> <label class="control-label" for="user_role">Role</label> <div class="controls"> <select id="user_role" name="user[role]" style="display: …

83 jquery twitter-bootstrap datepicker

Questions tagged «jquery»