Tag: jQuery

在fancybox jquery中打开youtubevideo: 我可以在fancybox中打开youtubevideo吗？我有一个YouTubevideo链接列表，例如： <a href="http://www.youtube.com/watch?v=PvbqV8W96D0" class="more">Play</a> 和fancybox： $("a.more").fancybox({ 'titleShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic' }); 我不想为每个video创build新的embedded对象。有没有插入，或其他方式来做到这一点？

如何通过点击button来打开和closures引导警报？: 我想用button单击事件多次显示一个警告框，而不必刷新页面，但警报框只显示一次。如果我想再次显示警告框，我必须刷新页面。目前，如果您在页面上呈现引导警报，则在closures警报时，警报的div容器将从页面中消失。所以当你再次点击button时，它不会再显示出来。我一直在closuresbutton上进行以下操作，使其隐藏，而不是删除警报的div容器。 <button class="close" onclick="$('#alertBox').hide();; return false;">×</button> 我不知道在bootstrap中使用数据切换或数据closures可以使这种切换效果工作，而无需通过我自己的自定义Javascript处理程序。

带有可编辑的checkbox列的jqGrid: 当使用jqGrid时，你如何强制一个单元格加载到页面加载的可编辑视图以及单击它时？如果像下面那样设置“单元格编辑”，只有在单击单元格时才会出现checkbox。 { name: 'MyCol', index: 'MyCol', editable:true, edittype:'checkbox', editoptions: { value:"True:False" }, cellEdit:true, 同时点击checkbox，有没有办法发送一个AJAX的post到服务器上，而不必依靠用户按回车？

检查date是否在过去的Javascript: 所有，我使用dateselect器的jQuery UI。我试图用javascript来检查，但用户input的date是过去的。这是我的表单代码： <input type="text" id="datepicker" name="event_date" class="datepicker"> 那么我怎样才能用Javascript来检查它，以确保它不是过去的date？谢谢

Angular JS：如何加载部分中的js文件: AngularJS非常新，我猜测我所要做的是延迟加载。我看了几个不同的博客，我还没有find一个纯粹使用AngularJS的完整工作解决scheme。我知道，如果我把<script src="js/process1.js"></script>放在index.html中，一切正常，我试图减lessjs的数量，加载。在脚本标签坐在部分，它永远不会被加载，所以P1Ctrl永远不会被创build。因此，目前，如果用户进入应用程序并且永远不会进入process55，那么即使用户从未使用过，用户仍然拥有用于process55的代码。有没有一种方法来加载文件，并将process1.js中创build的对象插入到main中定义的应用程序中，在执行process1时？ index.html的： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Large Angular App</title> <link rel="stylesheet" href="lib/foundation/css/foundation.min.css" /> </head> <body ng-app="largeApp" ng-controller="LargeAppController"> <div> <a href="#/home">Home</a> | <a href="#/process1">Process1</a> </div> <br/> <br/> <br/> <ng-view>Test</ng-view> <script type="text/javascript" src="lib/jquery/jquery.min.js"></script> <script type="text/javascript" src="lib/angular/angular.js"></script> <script type="text/javascript" src="lib/angular/angular-route.js"></script> <script type="text/javascript" […]

Jquery.on与doubleclick事件: 为什么会这样工作： $(document).on("dblclick", "#areaA tr:has(td)", function(e) { //code here }); 而这不 $("#areaA tr:has(td)").on('dblclick', function(e) { //Code here }); 我完全按照jquery文档页面上的示例，但我的双击不会触发。当我这样做的第一种方式，它的作品，但似乎是两次火灾的事件。这是在一个Kendo UI网格的上下文中。这两段代码真的有区别吗？

针对JSON响应的jQuery AJAX轮询，基于AJAX结果或JSON内容的处理: 我是一个新手到中级的JavaScript / jQuery程序员，所以具体/可执行的例子将非常感激。我的项目需要使用AJAX来轮询一个URL，该URL返回包含要添加到DOM的内容的JSON，或者消息{“status”：“pending”} ，指示后端仍在使用内容生成JSON响应。这个想法是，对URL的第一个请求触发后端开始build立一个JSON响应（然后被caching），随后的调用检查这个JSON是否准备好（在这种情况下提供）。在我的脚本中，我需要以15秒的间隔轮询这个URL，最长1:30分钟，然后执行以下操作：如果AJAX请求导致错误，请终止脚本。如果AJAX请求成功，并且JSON内容包含{“status”：“pending”} ，请继续轮询。如果AJAX请求成功，并且JSON内容包含可用内容（即{“status”：“pending”}以外的任何有效响应），则显示该内容，停止轮询并终止脚本。我已经尝试了一些有限的方法，但是我感觉它们比所需要的更加混乱。下面是我成功使用的一个骨架函数，一次只能创build一个AJAX请求，如果从JSON响应中获得可用的内容，就可以完成它的工作： // make the AJAX request function ajax_request() { $.ajax({ url: JSON_URL, // JSON_URL is a global variable dataType: 'json', error: function(xhr_data) { // terminate the script }, success: function(xhr_data) { if (xhr_data.status == 'pending') { // continue polling } else { success(xhr_data); […]

jQuery中的单引号或双引号: 可能重复：何时在JavaScript中使用双引号或单引号这是专门为jQuery而不是一般的JavaScript，因为我不是一个JavaScript程序员，我开始学习jQuery。随着jQuery 1.6的发布，使用单引号还是双引号会有什么特别的变化？例如，下面的函数可以在jQuery 1.6中工作吗？ $('.selector').show(); 或者我必须使用双引号？ $(".selector").show(); 预先感谢您的澄清。

<select>仅显示所选选项的第一个字符: 我有一个标准的select框，我通过附加选项使用jquery填充，但由于某种原因，IE9只显示选定选项的第一个字符。毋庸置疑，它在FireFox和Chrome中是完美的，但我必须支持IE9。我尝试了IE9的兼容模式，但没有什么区别，也没有样式的select或选项。有没有人看过这个问题。是什么造成的？你怎么修好它的？简化的代码示例： <select id="selectCCY" ValueColumn="ccyID" DisplayColumn="ccySymbol" ></select> $.each(res.result, function (key, value) { $('#selectCCY').append('<option value="' + value[$('#selectCCY').attr('ValueColumn')]+ '">' + value[$('#selectCCY').attr('DisplayColumn')] + '</option>'); }); res.result是一个简单的json数组，像这样： [{"ccyID":1,"ccySymbol":"GBP"},{"ccyID":2,"ccySymbol":"AUD"},{"ccyID":3,"ccySymbol":"USD"}] OH BUGGER !!! 它在我简化的例子中工作正常，所以问题在别的地方。抱歉。原始的代码是漫长而复杂的粘贴在这里，但会让你知道，当我find答案。一段时间之后…. 好的，我把问题归结为$（selector）.each（）循环内的ajax调用。循环遍历所有select框并asynchronous填充选项。如果我把它作为一个同步调用，select框有正确的宽度和正确显示，但如果它的asynchronous调用select框只显示图像中的第一个字符。仍然在这个工作，将再次回到你身边。我仍然想知道什么会导致select框显示不正确。我可以做变通办法，让它正确显示，但是这并不能回答这个问题。这只是一个选项，它应该总是工作，对不对？经过一个周末忽略了这个问题…. 对，我find了一个解决方法。在做Ajax调用来填充select框之前，我首先将css显示属性设置为'none'，然后填充它，最后当ajax调用和填充完成时，我只是删除css显示'none'属性。所以我仍然不知道为什么IE不喜欢我，但至less我们有一个解决scheme。

在执行document.ready之前，JQuery正在等待图像加载: 更新：这个错误已经被至less两个人确认了。即使你没有阅读我的完整文章 – 如果你正在阅读和使用JQuery 1.3.1，那么停止使用它，如果你依赖任何处理程序，当DOM完成，但在页面的图像加载之前，你想执行。 Update2 ：感谢Tom （用户ID 20！）发布jQuery bug跟踪器上票据的链接。 Update3 – 2009/01/28：问题已得到妥善解决（对于那些不能恢复到1.2.6的人）。对于目前正在使用1.3.1并需要立即修复的人员，您可以阅读下面接受的答案以获取指导。谢谢约翰。我刚刚升级到JQuery 1.3.1，花了我几个小时才意识到我的爱人 $(function( ) { … } 在执行函数体之前，语法现在正在等待整个页面加载（包括图像）。在尝试整合雅虎的菜单时，我看到了奇怪的行为。（幸运的是我的网页上有一些缓慢加载的图片，这让我意识到了这个问题）！我做了一个testing文件，因为我觉得更复杂的事情正在进行，但即使是这个简单的文件，我仍然有相同的症状。 <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> <script> $(function() { alert("Ready"); }); </script> </head> <body> <img src="<PATH_TO_DYNAMIC_IMAGE>_1.jpg" /> <img src="<PATH_TO_DYNAMIC_IMAGE>_2.jpg" /> <img src="<PATH_TO_DYNAMIC_IMAGE>_3.jpg" /> <img src="<PATH_TO_DYNAMIC_IMAGE>_4.jpg" /> </body> 不同版本的JQuery有不同的结果：在1.2.6版本中会发生什么警告框是立即显示，然后我看到加载在它后面的图像（预期和logging的行为）。 […]