Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。


14
Internet Explorer 9无法正确呈现表格单元格
我的网站一直使用IE8,IE7,FF,Chrome和Safari顺利运行。现在,我正在IE9上对其进行测试,遇到一个奇怪的问题:在某些页面中,某些表格数据呈现不正确。 HTML源代码正确无误,并且每次刷新页面时,给出问题的行都会更改(说实话,问题本身仅在刷新时出现,并非全部出现)。 使用IE的F12工具,表结构看起来正确,包含M08000007448的TD之后应该没有空的TD,但是仍然呈现这种形式。 此外,如果我使用F12工具,并在工具栏中使用“通过单击选择元素”工具,并且尝试单击M08000007448与19之间的空白,它将选择TR,而不是“隐藏的td”。 我在应用程序的其他某些表中也遇到了表渲染问题,有人遇到过这种情况吗?它仅在IE9中发生:( 我不知道它是否重要,但是该页面是使用ASPNET(网络表单)制作的,并使用Jquery和其他一些JS插件。 我试图保存该页面(带有图像)并使用IE9在本地打开它,但问题从未发生。(当然,我检查了所有的表结构,没关系。页眉和所有行的TD数实际上相同,必要时使用正确的colspan数)。


14
将JavaScript数组转换为字符串
我正在尝试遍历“值”列表,并将其转换为字符串。这是代码: var blkstr = $.each(value, function(idx2,val2) { var str = idx2 + ":" + val2; alert(str); return str; }).get().join(", "); alert()函数可以正常工作并显示正确的值。但是以某种方式,jquery的.get()函数无法获得正确的对象并失败。我究竟做错了什么?

7
检查元素是否是父项的子项
我有以下代码。 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> </head> <div id="hello">Hello <div>Child-Of-Hello</div></div> <br /> <div id="goodbye">Goodbye <div>Child-Of-Goodbye</div></div> <script type="text/javascript"> <!-- function fun(evt) { var target = $(evt.target); if ($('div#hello').parents(target).length) { alert('Your clicked element is having div#hello as parent'); } } $(document).bind('click', fun); --> </script> </html> 我希望仅在Child-Of-Hello单击时$('div#hello').parents(target).length才会返回> 0。 但是,只要我在任何地方单击,它就会发生。 我的代码有问题吗?
115 javascript  jquery 

12
如何从<select multiple = multiple>获取所有选定的值?
似乎很奇怪,我找不到这个已经问过的东西,但是它来了! 我有一个HTML,如下所示: &lt;select id="select-meal-type" multiple="multiple"&gt; &lt;option value="1"&gt;Breakfast&lt;/option&gt; &lt;option value="2"&gt;Lunch&lt;/option&gt; &lt;option value="3"&gt;Dinner&lt;/option&gt; &lt;option value="4"&gt;Snacks&lt;/option&gt; &lt;option value="5"&gt;Dessert&lt;/option&gt; &lt;/select&gt; 如何获取用户在javascript中选择的所有值(数组?)? 例如,如果用户选择了“午餐和零食”,则我需要一个{2,4}的数组。 这似乎应该是一个非常简单的任务,但我似乎做不到。 谢谢。
115 javascript  jquery  html 

8
jQuery text()和换行符
我想说 $(someElem).text('this\n has\n newlines); 并在浏览器中以换行符呈现。我发现的唯一解决方法是在someElem上将css属性“ white-space”设置为“ pre”。这几乎可以工作,但是即使我将padding设置为0,文本和someElem的顶部之间也会有一个非常大的填充。是否有办法摆脱这种情况?
114 javascript  jquery  html 

6
如何使用Jasmine验证jQuery AJAX事件?
我正在尝试使用Jasmine为基本的jQuery AJAX请求编写一些BDD规范。我目前在独立模式下(即通过SpecRunner.html)使用Jasmine 。我已将SpecRunner配置为加载jquery和其他.js文件。有什么想法为什么以下无效?has_returned不会变为真的,甚至以为“ yuppi!” 警报显示正常。 describe("A jQuery ajax request should be able to fetch...", function() { it("an XML file from the filesystem", function() { $.ajax_get_xml_request = { has_returned : false }; // initiating the AJAX request $.ajax({ type: "GET", url: "addressbook_files/addressbookxml.xml", dataType: "xml", success: function(xml) { alert("yuppi!"); $.ajax_get_xml_request.has_returned = true; …
114 javascript  jquery  ajax  jasmine  bdd 

6
确定ajax调用是否由于响应不安全或连接被拒绝而失败
我一直在做很多研究,找不到解决这个问题的方法。我正在尝试执行从https服务器到运行带有自定义自签名证书的码头的locahost https服务器的jQuery ajax调用。我的问题是我无法确定响应是连接被拒绝还是响应不安全(由于缺少证书接受)。有没有办法确定两种情况之间的差异?的responseText,并且statusCode总是在这两种情况下是相同的,即使在Chrome控制台我可以看到一个区别: net::ERR_INSECURE_RESPONSE net::ERR_CONNECTION_REFUSED responseTextstatusCode对于这两种情况,始终为“”,始终为“ 0”。 我的问题是,如何确定jQuery ajax调用是由于ERR_INSECURE_RESPONSE还是由于失败ERR_CONNECTION_REFUSED? 一旦证书被接受,一切正常,但是我想知道本地主机服务器是否已关闭,或者它已启动并正在运行,但是证书尚未被接受。 $.ajax({ type: 'GET', url: "https://localhost/custom/server/", dataType: "json", async: true, success: function (response) { //do something }, error: function (xhr, textStatus, errorThrown) { console.log(xhr, textStatus, errorThrown); //always the same for refused and insecure responses. } }); 即使手动执行请求,我也会得到相同的结果: var request = new …
114 javascript  jquery  ajax  https 

1
jQuery版本1,版本2和版本3有什么区别?[关闭]
已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅通过编辑此帖子来关注一个问题。 2年前关闭。 改善这个问题 我最近偶然发现了webchart.js使用jQuery版本2 的页面设计,而我使用的是jQuery版本1。 为了使代码正常工作,请使用现在的最新版本,然后检查了jQuery核心支持,并发布了jQuery 3。 我正在考虑现在使用版本3,但是我正在寻找版本3是否存在兼容性问题,因此只能在特定设备上使用。
114 javascript  jquery 

10
使用if语句检查div是否为空
如果单独的div为空,我正在尝试删除特定的div。这是我正在使用的: $(document).ready(function () { if ('#leftmenu:empty') { $('#menuTitleWrapper').remove(); $('#middlemenu').css({ 'right': '0', 'position': 'absolute' }); $('#PageContent').css({ 'top': '30px', 'position': 'relative' }); } }); 我认为这很接近,但是我不知道如何编写代码来测试#leftmenu是否为空。任何帮助表示赞赏!
114 jquery 


18
悬停时如何保持Bootstrap弹出窗口的生命?
我正在使用Bootstrap弹出窗口来创建显示用户信息的悬停卡,并在将鼠标悬停在按钮上时触发它。我想在悬停弹出窗口时保持该弹出窗口的活动,但是一旦用户停止将鼠标悬停在按钮上,它就会消失。我怎样才能做到这一点? $('#example').popover({ html : true, trigger : 'manual', content : function() { return '&lt;div class="box"&gt;Popover&lt;/div&gt;'; } }); $(document).on('mouseover', '#example', function(){ $('#example').popover('show'); }); $(document).on('mouseleave', '#example', function(){ $('#example').popover('hide'); }); &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"&gt;&lt;/script&gt; &lt;script src="https://unpkg.com/@popperjs/core@2"&gt;&lt;/script&gt; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/&gt; &lt;a href="#" id="example" class="btn btn-danger" rel="popover" &gt;hover for popover&lt;/a&gt; 运行代码段隐藏结果展开摘要

15
单击标签时,jQuery Click触发两次
我正在使用jQuery创建自定义单选按钮,但我遇到了问题。当单击与收音机相关的标签时,单击事件会触发两次,如果我仅单击收音机本身,则效果很好(实际上,不是我要单击的收音机,而是包装整个输入和标签的div)。这是代码: HTML: &lt;div id="box"&gt; &lt;asp:RadioButtonList ID="RadioButtonList1" runat="server"&gt; &lt;asp:ListItem&gt;RADIO1&lt;/asp:ListItem&gt; &lt;asp:ListItem&gt;RADIO2&lt;/asp:ListItem&gt; &lt;asp:ListItem&gt;RADIO3&lt;/asp:ListItem&gt; &lt;/asp:RadioButtonList&gt; &lt;/div&gt; jQuery的: &lt;script type="text/javascript"&gt; $(function () { $('#box').find('input:radio').each(function (i) { var input = $(this); // get the associated label using the input's id var label = $('label[for=' + input.attr('id') + ']'); // wrap the input + label in a …
114 jquery 


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.