Tag: javascript

setTimeout使用多个选项卡加速

我有一个与此类似的setTimeout问题。 但是这个解决方案对我没用,因为我不能在我的文件中使用php。 我的网站有一个滑块,其中包含每8秒移动一次的图像列表。但是,当我在浏览器中打开一些选项卡然后再切换回来时,它就变得疯狂了。 滑块继续一个接一个地移动图像而没有8秒的时间延迟。 我只在Chrome和最新的Firefox中看到它。 **编辑:我检查了console.log(),并且setTimeout在clearTimeout之前和之后返回相同的数字。 不知道为什么。 也许这也与它有关? ** 编辑2:我添加了一个小提琴: http : //jsfiddle.net/Rembrand/qHGAq/8/ 代码看起来像: spotlight: { i: 0, timeOutSpotlight: null, init: function() { $(‘#spotlight .controls a’).click(function(e) { // do stuff here to count and move images // Don’t follow the link e.preventDefault(); // Clear timeout clearTimeout(spotlight.timeOutSpotlight); // Some stuff here to calculate next item // […]

使用JavaScript或jQuery,如何在或元素中专门移动鼠标时获取RGB颜色

我有一张图片, 。 无论何时何地移动我的鼠标光标,我都试图获得RGB颜色。 我怎么能用jQuery或纯JavaScript做到这一点? 例如: http : //www.script-tutorials.com/demos/158/index.html 跟进(用于复制粘贴测试): headScript(); ?> $(document).ready(function() { var image = new Image(); var ctx = $(‘#panel’)[0].getContext(“2d”); /* Load the picture empty.jpg */ image.onload = function () { ctx.drawImage(image, 0, 0, image.width, image.height); } /* How can i reload later new? image.empty; */ image.src = “/agents/empty.jpg”; /* On mouse over […]

在jQuery中从asp.net runat服务器获取ID

我正在尝试使用ASP.NET在jQuery中创建一些东西。 但是来自runat=”server”的ID与HTML中使用的id不同。 我曾经用它来从这种情况中获取ID: $(“#”).val(); 但在这种情况下,它不起作用。 我对于为什么一无所知。 使用Javascript /* Modal */ function contatoModal() { //alert(“Test”); alert($(“#”).val()); } HTML 有小费吗?

重新启动gif动画而不重新加载文件

是否可以在不下载文件的情况下重新启动gif动画? 我当前的代码如下所示: var img = new Image(); img.src = ‘imgages/src/myImage.gif’; $(‘#id’).css(‘background-image’, ‘url(“‘ + img.src + ‘?x=’ + Date.now() + ‘”)’ ); 编辑 当我将gif插入dom时,它没有重新启动gif动画。 我只能通过在图像src中附加一个随机字符串来实现这一点,但这会再次下载图像。 我想知道是否可以重新启动gif动画而无需下载gif。

表头中的垂直文本使用基于JavaScript的SVG库

我使用jqGrid包含许多包含布尔信息的列,这些列在表格中显示为复选框(请参阅http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO.htm作为示例)。 为了更紧凑地显示信息,我使用垂直列标题。 它运行良好,可以在所有浏览器中使用jqGrid(请参阅我在jqGrid论坛中与Tony Tomov的讨论http://www.trirand.com/blog/?page_id=393/feature-request/headers-with-vertical-orientation/ ),但在IE中垂直文字模糊,看起来不够好(打开IE上面的链接,你会看到我的意思)。 我被问到用户为什么文本显示得如此奇怪。 所以我正在考虑使用基于JavaScript的SVG库,如SVG Web ( http://code.google.com/p/svgweb/ )或Raphaël ( http://raphaeljs.com/ )。 SVG非常强大,很难找到一个好的例子。 我只需要显示垂直文本(-90 grad,自下而上)并尽可能使用,而无需在绝对定位模式下工作。 所以还有一次我的问题:我需要有可能在表头的 元素内显示垂直文本( – 90度旋转 )。 我想使用基于JavaScript的SVG库,如SVG Web或Raphaël 。 解决方案必须支持IE6 。 有没有人有一个很好的参考例子可以帮助我做到这一点? 如果有人发布问题的完整解决方案,我会很高兴。 确切地说,这是我目前的解决方案:我定义 .rotate { -webkit-transform: rotate(-90deg); /* Safari 3.1+, Chrome */ -moz-transform: rotate(-90deg); /* Firefox 3.5+ */ -o-transform: rotate(-90deg); /* Opera starting with 10.50 */ /* Internet […]

使用JavaScript / jquery将图像复制到剪贴板

我需要使用JavaScript / jquery将图像复制到剪贴板,我使用以下js来实现它。 function copyImageToClipBoard() { var div = document.getElementById(‘chart1’); div.contentEditable = true; var controlRange; if (document.body.createControlRange) { controlRange = document.body.createControlRange(); controlRange.addElement(div); controlRange.execCommand(‘Copy’); } div.contentEditable = false; } 它在IE中本地工作正常。 但是当我尝试从其他机器IE测试时,要将图像粘贴到MS字中,我需要使用Paste Special-> Device Independent Bitmap选项,否则我看不到粘贴的图像。 我想知道它是否与m / c的环境有关。 如果是这样,还有其他任何选择吗?

如何使用jquery检查有效的Youtubeurl

在Jquery中我想单独检查来自youtube的特定url并显示成功状态以及我想跳过的其他url,将其声明为无效url var _videoUrl = “youtube.com/watch?v=FhnMNwiGg5M”; if (_videoUrl.contains(“youtube.com”)) { alert(‘Valid’); } else { alert(‘Not Valid’); } 如何检查包含。 或任何其他选项单独检查有效的youtubeurl。

TypeError:$(…)DataTable不是函数

我正在尝试使用jquery插件数据表,但我似乎无法加载该函数。 我一直收到这个错误: Uncaught TypeError: $(…).DataTable is not a function (anonymous function) @ index.php:167 m.Callbacks.j @ jquery.min.js:2 m.Callbacks.k.fireWith @ jquery.min.js:2 m.extend.ready @ jquery.min.js:2 J @ jquery.min.js:2 以下是我的JS代码: $(document).ready(function(){ $(‘table#tableID’).DataTable({ paging: true }); }); 我正在使用jQuery V. 1.11.1我试图寻找解决方案,并看到人们谈论jQuery没有被加载。 我成功地在同一页面上运行其他jQuery函数。 这也是此页面上唯一的.ready函数。 我们可以告诉jQuery存在,就像文档准备好时一样,它执行函数。 我还尝试将js和css文件的导入放在多个位置,如建议的那样,但是没有用。 有没有人有任何线索如何解决这个问题? EDITS:

无法在Select2中设置多个值

我试图在select2-jquery组件中显示选定的值。 var select = $(“.select2”).select2({ multiple: true, placeholder: “”, width:’100%’, data: z }); var selectedValues = $(“#sourceValues”).val().split(‘,’); $.each( selectedValues, function(k,v){ $(“.select2”).select2(‘val’,v); }) 元素sourceValues保存值,例如:2,4和z是对象的数组,它按照建议保存id和text。 我可以看到链接到Select2元素的但我无法在元素上显示所选的值。 此外,如果我尝试在Chrome控制台上运行查询,那么如果我写了类似的东西,它就会起作用; $(“.select2”).select2(‘val’,4) 因此, id为4的 。

将XML文档(通过ajax调用获取)渲染到新窗口

嗨,我正在寻找一种方法,将我使用ajax检索的XML文档呈现到新的浏览器窗口。 我正在使用JQuery的ajax()函数将JSON数据发布到MVC控制器。 控制器将XML作为字符串返回。 我正在使用window.open()在javascript中创建一个新窗口并通过调用设置文档内容。 newwindow.document.clear(); newwindow.document. newwindow.document.write(jqXHR.responseText); newwindow.document.close(); (其中jqXHR.responseText是从ajax()调用返回的XML。) 新窗口按预期打开,如果我在页面上查看源代码,我会看到我的XML。 但是(你知道有人来了)浏览器窗口中没有任何内容。 显然,如果我将页面源保存到磁盘并打开输出,则按预期呈现。 有谁能提出解决方案? 重新迭代我的主要目标是将XML文档(通过ajax调用获得)呈现到新窗口。 我还要补充一点,我希望看到由XSLT转换的输出。 我的XML有这个处理指令。 非常感谢 编辑 —————————我想要的解决方案—————– ——– 感谢大家的意见和建议。 我最终得到的解决方案是使用target =“_ blank”的表单然后我将JSON作为隐藏字段写入表单,并将其发布到我的控制器,该控制器返回XML(从JSON构造)。 当从响应返回XML时,浏览器按预期标记它。 我想这不是原始问题的答案。 但是Gabby在下面有一个解决方案。