Questions tagged «jquery»

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


18
在Firefox上开发的Javascript在IE上失败的典型原因是什么?[关闭]
从目前的情况来看,这个问题不适合我们的问答形式。我们希望答案会得到事实,参考或专业知识的支持,但是这个问题可能会引起辩论,争论,民意测验或进一步的讨论。如果您认为此问题可以解决并且可以重新提出,请访问帮助中心以获取指导。 7年前关闭。 我开发了一些javascript增强的页面,这些页面可以在最近的Firefox和Safari上正常运行。我错过了检入Internet Explorer的权限,现在发现页面无法在IE 6和7上运行(到目前为止)。尽管执行了某些javascript,但脚本仍未执行,页面显示好像没有javascript。我使用自己的带有dom操作的库,从YUI 2开始,我使用YUI-Loader和XML-Http-Request,并且在一页上使用“ psupload”,这取决于JQuery。 我正在从Office XP安装Microsoft脚本编辑器,现在将进行调试。我现在还将编写特定的测试。 IE的典型失败点是什么?我可以向哪个方向睁开眼睛。 我找到了此页面,该页面显示了一些差异。参观:Quirksmode 您能否从您的经验中列举一些我首先要寻找的典型事物? 稍后,我还将在此处针对特定任务询问更多问题,但现在我对您的经验感兴趣,为什么IE通常无法在Firefox上正常运行的脚本上失败 编辑:谢谢所有那些伟大的答案! 同时,我调整了整个代码,以便它也可以与Internet Explorer一起使用。我集成了jQuery,并在此基础上构建了自己的类。这是我的基本错误,从一开始我就没有在jQuery上构建所有东西。我现在有。 JSLint也帮了我很多忙。 来自不同答案的许多单个问题也有所帮助。

19
什么是“必备” jQuery插件?[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow 的主题。 6年前关闭。 改善这个问题 我想知道什么是最有用的JQuery插件。我对那些可能在一般UI开发中可能有用的表(例如Tablesorter)特别感兴趣,而不是那些满足罕见需求的表。 如果您可以提供有关插件用途的非常简短的说明,那将非常有帮助。 谢谢,唐
108 jquery  plugins 

12
jQuery-在不可见时获取元素的宽度(显示:无)
看起来在jQuery中,当元素不可见时width()返回0。是有道理的,但是在显示父级之前,我需要获取表的宽度以设置父级的宽度。 如下所述,在父级中有一些文字,使父级偏斜并且看上去很讨厌。我希望父母只和桌子一样宽,并有文字换行。 <div id="parent"> Text here ... Can get very long and skew the parent <table> ... </table> Text here too ... which is why I want to shrink the parent based on the table </div> CSS: #parent { display: none; } Javascript: var tableWidth = $('#parent').children('table').outerWidth(); if (tableWidth > …
108 jquery  width 

14
引导程序模式:不是函数
我的页面上有一个模式。当我尝试在Windows加载时调用它时,它会向控制台输出一条错误消息,内容为: $(...).modal is not a function 这是我的模态HTML: <div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> …


11
如果CDN失败,如何退回到本地样式表(不是脚本)
我正在链接到CDN上的jQuery Mobile样式表,如果CDN失败,我想回退到样式表的本地版本。对于脚本,解决方案是众所周知的: <!-- Load jQuery and jQuery mobile with fall back to local server --> <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> 我想为样式表做类似的事情: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> 我不确定是否可以实现类似的方法,因为我不确定浏览器在链接脚本时是否以与加载脚本时相同的方式进行阻止(也许可以在script标签中加载样式表,然后将其注入页面)? 所以我的问题是:如果CDN失败,如何确保样式表在本地加载?


9
jQuery-非法调用
jQuery v1.7.2 我有这个功能,在执行时给我以下错误: Uncaught TypeError: Illegal invocation 这是功能: $('form[name="twp-tool-distance-form"]').on('submit', function(e) { e.preventDefault(); var from = $('form[name="twp-tool-distance-form"] input[name="from"]'); var to = $('form[name="twp-tool-distance-form"] input[name="to"]'); var unit = $('form[name="twp-tool-distance-form"] input[name="unit"]'); var speed = game.unit.speed($(unit).val()); if (!/^\d{3}\|\d{3}$/.test($(from).val())) { $(from).css('border-color', 'red'); return false; } if (!/^\d{3}\|\d{3}$/.test($(to).val())) { $(to).css('border-color', 'red'); return false; } var data = …
108 jquery  ajax  post 

15
如何找到数组中所有元素出现的索引?
我试图在JavaScript数组中查找元素的所有实例的索引,例如“ Nano”。 var Cars = ["Nano", "Volvo", "BMW", "Nano", "VW", "Nano"]; 我尝试了jQuery.inArray或类似的.indexOf(),但是它只给出了元素的最后一个实例的索引,在这种情况下为5。 如何获得所有实例的信息?

8
在HTTPS页面中运行HTTP AJAX操作时,“混合内容被阻止”
我有一个要提交给CRM(ViciDial)的表单(通过GET,因为它是这种方式)。我可以成功提交表单,但是如果我这样做,则crm的处理文件将仅回显成功文本,仅此而已。 我想在我的网站上显示一个谢谢页面,而不是该文本,所以我决定使用AJAX提交表单并将其重定向到我需要的页面,但是在浏览器中出现此错误: 混合内容:“ https://page.com ”上的页面已通过HTTPS加载,但请求了不安全的XMLHttpRequest端点“ http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=data '。该请求已被阻止;内容必须通过HTTPS提供。 这是我的AJAX脚本: <script> SubmitFormClickToCall = function(){ jQuery.ajax({ url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php", data : jQuery("#form-click-to-call").serialize(), type : "GET", processData: false, contentType: false, success: function(data){ window.location.href = "https://www.example.com/thank-you"; } }); } </script> 仅在URL中设置https是行不通的,有什么方法可以通过GET提交数据并将用户重定向到我的thankyou页面? =========================== 这里的问题是内容混合,这意味着我通过HTTPS加载了一个页面,并试图通过AJAX命中HTTP中的API。但是浏览器不允许我们这样做。 因此,如果您不能将API设置为HTTPS(这是我的情况),我们仍然可以采用其他方法来处理。 主要问题不是混合内容问题,而是我想将数据提交到API并将用户重定向到精美的感谢页面。我没有使用AJAX,而是制作了一个php文件,该文件接收接收到的数据,使用curl将其发送到API(因为这是在服务器端完成的,没有混合的内容问题),并将我满意的用户重定向到了精美的感谢页面。
108 javascript  php  jquery  html  ajax 

4
如何让jQuery等待效果完成?
我敢肯定,前几天我读到了这件事,但似乎找不到任何地方。 我有一个fadeOut()事件,之后我删除了元素,但是jQuery在有机会完成淡出之前删除了该元素。 如何让jQuery等待元素淡出,然后将其删除?
107 jquery 

15
单击外部菜单以关闭jQuery
因此,根据业务需求,我有一个单击显示的下拉菜单。将鼠标移开后,菜单再次变为隐藏状态。 但是现在我被要求将其保留在原处,直到用户单击文档上的任何位置。如何做到这一点? 这是我现在所拥有的简化版本: $(document).ready(function() { $("ul.opMenu li").click(function(){ $('#MainOptSubMenu',this).css('visibility', 'visible'); }); $("ul.opMenu li").mouseleave(function(){ $('#MainOptSubMenu',this).css('visibility', 'hidden'); }); }); <ul class="opMenu"> <li id="footwo" class=""> <span id="optImg" style="display: inline-block;"> <img src="http://localhost.vmsinfo.com:8002/insight/images/options-hover2.gif"/> </span> <ul id="MainOptSubMenu" style="visibility: hidden; top: 25px; border-top: 0px solid rgb(217, 228, 250); background-color: rgb(217, 228, 250); padding-bottom: 15px;"> <li>some</li> <li>nav</li> <li>links</li> </ul> …
107 jquery 

9
我如何使用jQuery的form.serialize但排除空字段
我有一个包含许多文本输入和下拉列表的搜索表单,这些文本通过GET提交。我想通过执行搜索时从查询字符串中删除空字段来获得更干净的搜索URL。 var form = $("form"); var serializedFormStr = form.serialize(); // I'd like to remove inputs where value is '' or '.' here window.location.href = '/search?' + serializedFormStr 知道如何使用jQuery做到这一点吗?

6
JavaScript如何上传Blob?
我在此结构中有一个Blob数据: Blob {type: "audio/wav", size: 655404, slice: function} size: 655404 type: "audio/wav" __proto__: Blob 实际上是使用最新的Chrome getUerMedia()和Recorder.js记录的声音数据 如何使用jquery的post方法将此blob上传到服务器?我试过这个没有运气: $.post('http://localhost/upload.php', { fname: "test.wav", data: soundBlob }, function(responseText) { console.log(responseText); });
107 javascript  jquery  html 

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.