Tag: javascript

如何最小化/最大化jQuery对话框？: 我正在使用jQuery UI Dialog来显示video。 video工作正常。我想要做的是最小化Dialog元素，就像在操作系统或类似的东西。像（“ – ”）这样的小图标可以最小化我的对话框，当我按（*）它会关闭对话框但保持video在后台运行。这是我的代码 //Watch Video $(“.watchVideo”).live(‘click’,function(){ if($(‘div.ui-dialog’).length){ $(‘div.ui-dialog’).remove(); } var path = $(this).attr(‘rel’); var title = $(this).attr(‘title’); var $dialog = $(”, { title: translator[‘Watch Video’] }).dialog({ autoOpen: false, modal: true, width: 600, height: 500 }); var tab = ‘ ‘; $(”).html(tab).appendTo($dialog); $dialog.dialog(‘open’); return false; }); var tab等于

jQuery FancyBox YouTubevideo无效: 我有一种情况，我不能修改锚标记的HTML代码，但’href’属性除外。因此，不能在锚标记中添加类。 HTML标记如下：为了区分这个链接和其他链接，我在jQuery代码中添加了一个基于’href’的选择器。代码如下： (function ($) { $(‘a[href*=”youtube”]’).fancybox({ ‘padding’ : 0, ‘type’ : ‘swf’, ‘href’ : this.href.replace(new RegExp(“watch\\?v=”, “i”), ‘v/’), ‘swf’ : { ‘wmode’ : ‘transparent’, ‘allowfullscreen’ : ‘true’ } }); e.preventDefault(); })(jQuery); 这似乎根本不起作用。谁能告诉我哪里出错了？我正在使用Drupal，因此为什么我在顶部添加了部分以启用’$’。我在控制台中看不到任何错误，页面只是直接导航到YouTube页面而没有JavaScript干预。

适用于jsFiddle，但不适用于实时网站: var add_time = function ($category) { ‘use strict’; var time_element = $(”); if ($(‘.time’).length === 0) { time_element.insertAfter($category.find(‘.add_time_button’)); } else { time_element.insertAfter($(‘.time’)); } }; $(‘.add_time_button’).click(function () { ‘use strict’; add_time($(this).parentsWhen(‘.category’)); }); 我不明白。没有控制台错误。一切看起来都很好。通过JSFiddle来实现它。没有。叹。问题全在标题中。这是jsFiddle： http ： //jsfiddle.net/gtr053/N2HmG/ 对于未来的读者来说，这将很快就会成为404。现场： http ： //bama.ua.edu/~tscrompton/annotation/

用CSS3捏缩放: 我正在尝试完全像在谷歌地图中那样实现捏拉缩放手势。我观看了Stephen Woods的演讲 – “创建响应式HTML5触摸界面” – 关于这个问题，并使用了上面提到的技术。我们的想法是将目标元素的变换原点设置为（0,0）并在此处进行缩放。然后转换图像以使其在转换点居中。在我的测试代码中，缩放工作正常。图像在后续翻译之间放大和缩小。问题是我没有正确计算翻译价值。我正在使用jQuery和Hammer.js进行触摸事件。如何在变换回调中调整计算，使图像在变换点保持居中？ CoffeeScript（ #test-resize是带有背景图像的div ） image = $(‘#test-resize’) hammer = image.hammer -> prevent_default: true scale_treshold: 0 width = image.width() height = image.height() toX = 0 toY = 0 translateX = 0 translateY = 0 prevScale = 1 scale = 1 hammer.bind ‘transformstart’, (event) -> toX […]

Ajax响应中的尾随空格: 我正在尝试使用Qunit来测试一些代码，但我在Ajax调用方面遇到了一些问题。我甚至无法使用jQuery方法使用最简单的Ajax调用来正确测试它们。问题似乎是，无论我做什么，都会在textResponse上附加一个尾随空格。我的初始代码是这样的 asyncTest(‘Ajax calls’, function() { expect(1); $.get(‘ajax.txt’, {}, function(response) { equal(response, ‘foo’, ‘Ajax calls work correctly’); }); setTimeout(function() { start(); }, 600); }); 其中ajax.txt是一个包含ajax.txt字符foo的文本文件。报告失败了 Ajax调用正常工作，预期：“foo”结果：“foo”，diff： “foo” “foo” 然后我尝试了以下内容：我测试了“foo”（包括尾随空格）我在测试之前完成了response.replace(‘ ‘, ”) 我改变了ajax.txt文件的字体编码我每次都在清理缓存时在Firefox和Chrome中测试过它我已经手动测试了警报内的相等性，即使是使用==比较但在任何情况下我都无法得到一场比赛。例如，在第一个版本中，我得到了令人费解的答案 Ajax调用正常工作，预期：“foo”结果：“foo”，diff：“foo” 我现在有点生气了。我可能做错了什么？

从Iframe到父文档触发自定义事件: 我在iframe中触发自定义事件并从父文档中检测到它时遇到了一些麻烦。 iframe和父文档都具有相同的源（相同的协议，相同的主机，相同的端口）。有什么建议吗？

jQuery页面滚动事件逻辑 – 如何限制: 我有一些jQuery监听器设置如下： $(document).scroll(function() { if( $(this).scrollTop() change1 && $(this).scrollTop() change2) { updateBarChart(‘valuem’, ‘remove’) //updateSteamChart(”,’steam’) } }); 直截了当。滚动更改时会更新某些图表。我的问题是，这是发送太多function更新。我想如果有一种方法来限制.scroll（function（）{}）那么，会触发更少的事件更新。想法？

是否有可能在动态添加的文本输入上全局捕获keydown？: 我正在使用以下全局jQuery来显示和隐藏$.ajax调用的加载div ： $(document).ajaxStart(function(){ $(“#loading”).show(); } $(document).ajaxStop(function(){ $(“#loading”).hide(); } 这工作正常，但我不想显示自动填充的加载div，所以我添加了这个： $(“input[type=text]”).keydown(function(){ if($(this).hasClass(‘ui-autocomplete-input’)) { window.suppressGlobal = true; } }); 然后，要为“普通” $.ajax调用重置suppressGlobal ，请执行以下操作： var origAjax = $.ajax; $.ajax = function() { if (window.suppressGlobal) { arguments[0].global = false; } origAjax.apply(this, arguments); window.suppressGlobal = false; }; 这一切都适用于使用页面加载构造的文本输入。但是，我有几种情况，使用jQuery / Javascript在客户端动态插入文本输入，在这种情况下， keydown事件不会绑定到全局函数。我也尝试过： $(“input[type=text]”).on(‘keydown’, function(){ if($(this).hasClass(‘ui-autocomplete-input’)) { window.suppressGlobal = true; […]