Tag: jQuery

使用jQueryselect空的文本input: 如何识别使用jQuery的空文本框？如果可能的话，我想用select器来做。另外，我必须selectid，因为在我想要使用的实际代码中，我不想select所有文本input。在我的下面两个代码示例中，第一个代码准确地显示用户input到文本框“txt2”中的值。第二个例子确定有一个空的文本框，但是如果你填写它仍然认为它是空的。为什么是这样？这可以通过select器来完成吗？此代码报告文本框“txt2”中的值： <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#cmdSubmit').click(function() { alert($('[id=txt2]').val()); }); }); </script> </head> <body> <form> <input type="text" name="txt1" id="txt1" value="123" /><br /> <input type="text" name="txt2" id="txt2" value="" /><br /> <input type="text" name="txt3" id="txt3" value="abc" /><br /> <input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" /><br /> </form> […]

如何将DOM元素设置为第一个孩子？: 我有元素E，我正在附加一些元素。突然之间，我发现下一个元素应该是E的第一个孩子。怎么办？方法unshift不工作，因为E是一个对象，而不是数组。很长的路要迭代槽E的孩子，并move'em键++，但我相信有一个更漂亮的方式。

Chrome / jQuery未捕获RangeError：超出最大调用堆栈大小: 我在chrome上收到错误“Uncaught RangeError：Maximum call stack size exceeded”。这里是我的jQueryfunction $('td').click(function () { if ($(this).context.id != null && $(this).context.id != '') { foo($('#docId').val(), $(this).attr('id')); } return false; }); 请注意，页面中有成千上万的单元格。但是，我通常会将堆栈溢出与recursion联系起来，在这种情况下，就我所见，没有任何溢出。像这样创build一个lambda会自动生成堆栈上的东西的负载？有什么办法吗？目前唯一的解决方法是在渲染HTML时在每个单元格上明确地生成onclick事件，这使HTML变得更大。

backbone.js – 事件，知道点击了什么: 在我的一个backbone.js视图类中，我有这样的： … events: { 'click ul#perpage span' : 'perpage' }, perpage: function() { // Access the text of the span that was clicked here // Something like: alert($(element).text()) }, … 因为我的每页标记可能有这样的： <ul id="perpage"> <li><span>5</span></li> <li><span>10</span></li> </ul> 那么我怎样才能find引起事件的元素的信息呢？或在这种情况下，这是点击？

将数据属性添加到DOM: $('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work 我在jQuery中创build元素。之后，我想添加属性“数据”。他就像和被添加，但在DOM中，这是不明显的，我不能得到该项目，使用 $('div[data-example="example"]').html() 的jsfiddle

防止twitter引导传送带在页面加载时自动滑动: 那么是否有阻止twitter引导传送带从页面加载自动滑动除非下一个或上一个button被点击？谢谢

将数据发布到JsonP: 可以发布数据到JsonP吗？还是所有的数据都必须作为GET请求传递给查询string？我有很多数据，我需要发送到服务，跨域，这是太大，通过查询string发送有什么方法可以解决这个问题？

当viewport没有被resize时，jquery $（window）.width（）和$（window）.height（）返回不同的值: 我正在写一个使用jQuery的网站，反复调用$(window).width()和$(window).height()来根据视口大小来定位和调整元素的大小。在进行故障排除时，我发现当视口未resize时，在重复调用上述jquery函数时，获得的视口大小报告略有不同。想知道是否有什么特别的情况发生，或者如果是这样的话。看起来大小的差异是20px或更less。它发生在Mac OS X 10.6.2上的Safari 4.0.4，Firefox 3.6.2和Chrome 5.0.342.7 beta版本中。我还没有testing其他浏览器，因为它似乎并不是特定于浏览器。我也无法弄清楚区别在哪里，如果不是视口的大小，是否还有另外一个因素使得结果有所不同？任何有识之士将不胜感激。更新：它不是$(window).width()和$(window).height()正在改变的值。这是我用来存储上述值的variables的值。这不是滚动条的值，当variables值改变时，不会出现滚动条。这里是我的代码来存储在我的variables的值（我正在做，所以他们更短）。（所有这些在$(document).ready() ） //最初声明variables在.ready()可见， var windowWidth = $(window).width(); //retrieve current window width var windowHeight = $(window).height(); //retrieve current window height var documentWidth = $(document).width(); //retrieve current document width var documentHeight = $(document).height(); //retrieve current document height […]

如何创build一个在Bootstrap 3中也可以扩展的响应式图像: 我目前正在使用twitter引导3，我面临一个问题，以创build一个响应式图像。我用过img-responsive类。但是图像尺寸并没有扩大。如果我使用width:100%而不是max-width:100%那么它的作品完美。哪里有问题？这是我的代码： <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>

使用Jquery查找父div的id: 我有这样的一些HTML： <div id="1"> <p> Volume = <input type="text" /> <button rel="3.93e-6" class="1" type="button">Check answer</button> </p> <div></div> </div> 和这样的一些JS： $("button").click(function () { var buttonNo = $(this).attr('class'); var correct = Number($(this).attr('rel')); validate (Number($("#"+buttonNo+" input").val()),correct); $("#"+buttonNo+" div").html(feedback); }); 我真的很喜欢的是，如果我没有button上的类=“1”（我知道数字类是无效的，但这是一个WIP！），所以我可以确定buttonNo基于父div的ID。在现实生活中有多个部分看起来像这样。如何find父母button的div的id。在button代码中存储答案的语义方式是什么？我想尽可能地让这个非程序员复制粘贴而不会破坏事情！