Questions tagged «jquery»

我有一个输入元素，带有使用bootstrap-datepicker创建的附加datepicker。 <div class="well"> <div class="input-append date" id="dp3" data-date="2012-01-02" data-date-format="yyyy-mm-dd"> <input type="text" id="date-daily"> <span class="add-on"><i class="icon-th"></i></span> </div> </div> <script language="JavaScript" type="text/javascript"> $(document).ready(function() { $('#dp3').datepicker(); $('#date-daily').val('0000-00-00'); $('#date-daily').change(function () { console.log($('#date-daily').val()); }); }); </script> 当用户通过直接在输入元素中键入来更改日期时，我可以使用输入元素的onChange事件获取值，如上所示。但是，当用户从日期选择器更改日期时（即通过单击日历中的日期），则不会调用onChange处理程序。 如何检测通过日期选择器而不是通过输入输入元素对选定日期所做的更改？

72 jquery  twitter-bootstrap  datepicker  bootstrap-datepicker 

我正在努力推动 data.push({"country": "IN"}); 作为新的ID和json字符串的值。但它给出了以下错误 Uncaught TypeError: data.push is not a function data{"name":"ananta","age":"15"} 提前谢谢您的回复

72 javascript  jquery  json 

我想在主文件中编写Jquery代码，以便如果用户更改页面并且存在未保存的更改，则用户应该收到警报。我从中得到一个答案：链接 但是，在大多数解决方案中，我将必须在所有页面上编写代码。我希望它仅在一个地方编写，这样每个人都不必担心在其模块中编写它。我的代码是这样的： <script type="text/javascript"> var isChange; $(document).ready(function () { $("input[type='text']").change(function () { isChange = true; }) }); $(window).unload(function () { if (isChange) { alert('Handler for .unload() called.'); } }); </script> 但是，每次我在文本框中进行更改时，不会触发.change（）事件。 代码有什么问题？ 编辑：我将.change（）更改为.click并被解雇了。我正在使用jQuery 1.4.1 ..是否由于jquery版本的change（）无法正常工作？

72 javascript  jquery 

我的jsp中有一些列表项标签。每个列表项内部都有一些元素，包括称为删除的链接（“ a”标签）。我想要的就是单击链接时删除整个列表项。 这是我的代码的结构： $("a").click(function(event) { event.preventDefault(); $(this).parent('.li').remove(); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <li id="191" class="li"> <div class="text">Some text</div> <h4><a href="URL">Text</a></h4> <div class="details"> <img src="URL_image.jpg"> <span class="author">Some info</span> <div class="info"> Text <div class="msg-modification" display="inline" align="right"> <a name="delete" id="191" href="#">Delete</a> </div> </div> </div> </li> 运行代码段隐藏结果展开摘要 但这是行不通的。我是jQuery的新手，所以尝试了一些操作，例如： $(this).remove(); 这有效，单击后删除链接。 $("#221").remove(); 这有效，它将删除指示的列表项，但不是“动态”的。 有人可以给我小费吗？

72 javascript  jquery  parent 

我已经尝试了一些解决方案，但无法获得确切的名称和版本： 我正在尝试以下代码： $browserAgent = $_SERVER['HTTP_USER_AGENT']; echo $browserAgent; 上面代码的输出： Mozilla/5.0 (X11; Linux i686) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.68 Safari/534.24 但是我正在使用： Google Chrome 11.0.696.68 on Ubuntu 10.04 因此，我可以Chrome/11.0.696.68在输出字符串中找到它，但是它也显示了一些其他浏览器名称，这些名称令人困惑，无法从字符串中提取确切的浏览器名称/版本。

72 php  javascript  jquery  browser 

我一直在关注本教程-http : //www.youtube.com/watch?v= R2hOvZ7bwXU，该教程说明了如何使用postMessage在iframe和父级之间安全地传递消息-您基本上得到了这样的内容-http ：//html5demos.com/postmessage2 我的问题是我需要它以相反的方式工作（子级到父级），并且不知道如何定位父级窗口。 这是我的接收方代码（在父级中）： function handleMsg(e) { if(e.origin == "http://uc.dialogue.net") { let blah = e.data; alert(blah); } else { alert("error"); } } addEventListener("message", handleMsg, true); 这是由简单形式（在子级中）触发的发送方函数： let text = document.querySelector('.srchInput').value; window.parent.postMessage(text, "http://uc.dialogue.net"); 我应该以其他方式定位父母吗？ 干杯保罗

72 javascript  jquery  html  jquery-mobile 

看来，模糊事件会使click事件处理程序停止工作吗？我有一个组合框，其中的选项仅在文本字段具有焦点时出现。选择一个选项链接应该导致一个事件发生。 我在这里有一个小提琴的例子：http : //jsfiddle.net/uXq5p/6/ 复制： 选择文本框 出现链接 点击链接 甚至发生模糊并且链接消失 什么都没发生。 预期行为： 在第5步中，在发生模糊之后，咔嗒声甚至也应该触发。我该如何实现？ 更新： 在玩了一段时间之后，如果模糊事件使clicked元素变为Un-clickable，似乎有人已经竭尽全力防止已经发生的click事件得到处理。 例如： $('#ShippingGroupListWrapper').css('left','-20px'); 效果很好，但是 $('#ShippingGroupListWrapper').css('left','-2000px'); 防止点击事件。 这似乎是在Firefox中的错误，因为让一个元素未点击应防止未来的点击，但没有取消的时候可以点击它已经发生的。 阻止click事件处理的其他原因： $('#ShippingGroupListWrapper').css('z-index','-20'); $('#ShippingGroupListWrapper').css('display','none'); $('#ShippingGroupListWrapper').css('visibility','hidden'); $('#ShippingGroupListWrapper').css('opacity','.5'); 我在这个网站上发现了其他一些类似的问题。似乎有两种解决方案： 使用延迟。这很糟糕，因为它在隐藏事件和单击事件处理程序之间创建了竞争条件。它也马虎。 使用mousedown事件。但这也不是一个很好的解决方案，因为这click 是链接的正确事件。mousedown从UX的角度来看，行为是违反直觉的，尤其是因为您不能通过在释放按钮之前将鼠标移离元素来取消单击。 我还能想到更多。 3.在链接上使用mouseover和启用/禁用字段的模糊事件。由于不涉及鼠标，因此这不适用于键盘制表键。mouseout 4.最好的解决方案是这样的： $('#ShippingGroup').blur(function() { if($(document.activeElement) == $('.ShippingGroupLinkList')) return; // The element that now has focus is a link, do nothing …

72 javascript  jquery 

我正在寻找JS中的简单节流阀。我知道像lodash和underscore这样的库都有它，但是仅对一个函数来说，包含其中任何一个库都是过大的。 我也在检查jquery是否具有类似的功能-找不到。 我发现一个工作的节流阀，下面是代码： function throttle(fn, threshhold, scope) { threshhold || (threshhold = 250); var last, deferTimer; return function () { var context = scope || this; var now = +new Date, args = arguments; if (last && now < last + threshhold) { // hold on to it clearTimeout(deferTimer); deferTimer …

72 javascript  jquery 

<div class="second"> <div class="selector" id="selFirst"></div> <div class="selector" id="selSecond"></div> <div></div> </div> 如何使用元素索引而不是ID获取#selFirst？ 这个： var $selFirst = $(".second:nth-child(1)"); console.log($selFirst); 正在返回： jQuery(div.second)

72 javascript  jquery  jquery-ui  jquery-selectors 

我尝试了许多方法来通过jQuery或JavaScript检测浏览器关闭事件。但是，不幸的是，我无法检测到关闭。该onbeforeunload和onunload方法也没有工作。 如何检测的窗口close，unload或beforeunload事件？

72 javascript  jquery  browser 

加载我的React应用程序时，我在控制台中收到此错误。 警告：表单propType失败：您在value没有onChange处理程序的情况下为表单字段提供了prop 。这将呈现一个只读字段。如果该字段应可变使用defaultValue。否则，设置onChange或readOnly。检查的渲染方法 AppFrame。 我的AppFrame组件如下： class AppFrame extends Component { render() { return ( <div> <header className="navbar navbar-fixed-top navbar-shadow"> <div className="navbar-branding"> <a className="navbar-brand" href="dashboard"> <b>Shire</b>Soldiers </a> </div> <form className="navbar-form navbar-left navbar-search alt" role="search"> <div className="form-group"> <input type="text" className="form-control" placeholder="Search..." value="Search..."/> </div> </form> <ul className="nav navbar-nav navbar-right"> <li className="dropdown menu-merge"> <span …

72 javascript  jquery  forms  reactjs 

我从asp.net表单调用此函数，并在调用ajax时在Firebug控制台上收到以下错误。 跨域请求被阻止：同源策略禁止读取位于http：//anotherdomain/test.json的远程资源。（原因：CORS标头“ Access-Control-Allow-Origin”缺失）。 var url= 'http://anotherdomain/test.json'; $.ajax({ url: url, crossOrigin: true, type: 'GET', xhrFields: { withCredentials: true }, accept: 'application/json' }).done(function (data) { alert(data); }).fail(function (xhr, textStatus, error) { var title, message; switch (xhr.status) { case 403: title = xhr.responseJSON.errorSummary; message = 'Please login to your server before running the …

72 jquery  ajax  json  cors  jsonp 

我对Chart.js有疑问。 我使用提供的文档绘制了多个饼图。我想知道是否可以通过单击其中一个图表的某个切片来根据该切片的值进行ajax调用？ 例如，如果这是我的 data var data = [ { value: 300, color:"#F7464A", highlight: "#FF5A5E", label: "Red" }, { value: 50, color: "#46BFBD", highlight: "#5AD3D1", label: "Green" }, { value: 100, color: "#FDB45C", highlight: "#FFC870", label: "Yellow" } ], 我可以单击Red标记的切片并调用以下格式的网址 example.com?label=red&value=300吗？如果是，我该如何处理？

72 javascript  jquery  charts  chart.js 

jQuery.unique允许您获取数组的唯一元素，但是文档说该函数主要供内部使用，并且仅对DOM元素起作用。另一个SO响应说该unique()函数可以在数字上使用，但是此用例不一定是将来的证明，因为在文档中未明确说明。 鉴于此，是否存在“标准” jQuery函数，用于仅访问数组中的唯一值（特别是整数之类的基元）？（显然，我们可以使用函数构造一个循环each()，但是我们是jQuery的新手，并且想知道是否为此使用了专用的jQuery函数。）

71 javascript  jquery  jquery-selectors 

如何确定Jquery中Ajax调用的响应类型？有时，服务器发送json响应，有时仅发送html进行显示。现在我正在使用 if(response.indexOf('Error')) //popup error message else response.username response.address

71 jquery  ajax