Tag: jquery

标签中的onload事件在Firefox中过早激发,而不是其他浏览器

内联HTML中的onload事件在Firefox和基于其Mozilla代码库(Tor等)的所有浏览器中过早触发。例如: 在图像完全加载到Chrome,Opera,IE和Safari之后调用myFunction() (不确定新的Edge浏览器),这是预期的和记录的行为。 但是,在Firefox及其亲属上,在浏览器读取标签时立即调用该函数,即在加载图像之前完成 。 这不是记录的行为并导致应用程序问题。 这在几年前在这里得到了确认和详细讨论: https://bugzilla.mozilla.org/show_bug.cgi?id=626613 但是,我找不到能解决问题的任何东西,我想知道是否有其他人遇到过这个问题并找到了解决方案。

如何将Json对象转换为Jquery数组?

我通过ajax调用从Web方法获取Year和’NoOfOrders’。 我想将Json对象转换为数组,以便我可以使用jqbargraph进行绘图。 $(document).ready(function () { var myArray = []; $(“[id$=btnSubmit]”).click(function () { $.ajax({ type: “POST”, url: “Charts.aspx/GetOrderCount”, data: “{}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (data) { var OrdersInfo = data.d; $.each(OrdersInfo, function (index, order) { myArray.push(order.OrderYear, order.OrderCount); }); } }); $(‘#divChart’).jqbargraph({ data: myArray, position: ‘bottom’, animate: false }); }); });

Jquery nextUntil()替代

我有以下代码,这是尼克在之前的一个问题中提供的 ,它就像一个梦想。 我在想什么 “我正在尝试生成一个jquery脚本,以便使用类顶部的表格中的所有tr元素进行拼接,并且当使用类bt点击下面的所有tr时,使用类顶部的一个tr,直到有另一个tr类顶部将slideToggle。” 但是我确实必须在某些表中的top和bt类之间添加一个额外的行,这会破坏这些表中的jquery。 我想知道是否有任何修改,我不需要更改表中的代码,它仍然适用于所有应用的网页上的所有表。 JS Bin $(“tr.top”).click(function () { $(this).nextUntil(‘tr:not(.bt)’).animate({ opacity: “toggle” }); }); Click here to collapse the next tr with class bt but no other top row 1 top row 1 This is not ment to collapse when the tr at the top is clicked bt row 1 bt row 1 […]

Keydown哪个不能正常使用Chrome扩展程序

我一直在努力解决谷歌扩展的问题,你一直是我最后的希望! :)) 好吧,我想点击我的chrome扩展程序上的按钮,这将导致页面扩展程序上的keydown模拟正在运行。 我认为chrome在我的想法上有一些安全问题,它会阻止键盘模拟(使事件isTrusted:false)并删除哪个属性。 我写的函数在jsfiddle上工作正常,但看起来chrome扩展以不同的方式完成它。 这是内容脚本文件: chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) { if(request.action == “scrollToTop”){ } else if(request.action == “scrollToBottom”){ } else if(request.action == “enter”){ triggerKeyboardEvent(document,13); } function triggerKeyboardEvent(el, keyCode){ var event = new Event(“keydown”, {“bubbles”:true, “cancelable”:true}); event.which = keyCode; el.dispatchEvent(event); } }); chrome.runtime.sendMessage({action : “show”}); 登录jsFiddle写道: Event {isTrusted: false, which: 13} 登录网站: document.addEventListener(‘keydown’,function (e) { […]

给出错误图像的所选区域的图像的平均颜色

我试图找到图像某些部分的平均颜色,然后将其设置为背景。 我正在使用此颜色来查找所选区域的平均代码。 JSFiddle代码查找平均图像颜色。 我想从图像中提取该部分并找到平均颜色,然后将其设置为背景图像 这是我正在使用的代码 var rgb = getAverageRGB(document.getElementById(‘i’)); document.body.style.backgroundColor = ‘rgb(‘ + rgb.r + ‘,’ + rgb.g + ‘,’ + rgb.b + ‘)’; function getAverageRGB(img) { var canvas = document.createElement(‘canvas’), context = canvas.getContext && canvas.getContext(‘2d’), rgb = {r:102,g:102,b:102}, // Set a base colour as a fallback for non-compliant browsers pixelInterval = 5, // Rather […]

可以搜索引擎读取jquery动作

我想要一个带iframe内容的popup div。 当我使用jquery创建它时,搜索引擎可以读取这个吗? 或者,有没有办法检测服务器端的搜索引擎并删除此弹出窗口的选项?

显示弹出窗口关闭浏览器选项卡或离开页面

我有一个在我的项目中编写的弹出代码。 简单我在使用mousemove时使用的是褪色效果。 Bootstrap modal在mousemove上显示完美但我需要在用户关闭浏览器选项卡或离开页面时显示模态。 以下是我的代码 之前 $(document).on(“mousemove”, function (e) { $(‘#exitpopup’).css(‘top’, (window.innerHeight / 2 – $(‘#exitpopup’).height() / 2)); if (abc) { if (e.pageY >= 5) { abc = false; // Show the exit popup $(‘#exitpopup_bg’).fadeIn(); $(‘#exitpopup’).fadeIn(); abc = 0; } } }); 上面的代码工作正常,但我怎么能在下面的代码中使用fadeIn或建议我任何其他方式请。 window.addEventListener(“beforeunload”, function (e) { var confirmationMessage = “\o/”; (e || window.event).returnValue = […]

隐藏物化选择框中的选项

实现文档 – http://materializecss.com/forms.html 我想通过jquery隐藏Materialize select选项。 我在一个选项中添加了一个类,并使用此代码$(‘.break_5’).hide(); 选项隐藏成功。 但它显示在Materialise选择框中。

将动态dom元素绑定到content.js插件

我有一个插件,我正在使用被称为content.js http://innovastudio.com/content-builder.aspx 我添加动态div到页面,我想分配给它的content.js插件,所以我可以利用它的function。 在单个div或页面中已经定义的div上,我似乎没有多个div的任何问题。 但是,如果我添加一个具有相同类的div,我似乎无法将插件绑定到它。 我已经包含了使用contentbuilder插件实例化div的代码,但我想知道是否有办法将它绑定到添加到“letter”类的页面的新元素。 或者,如果有一种使用jquery将插件绑定到div的通用方法。 $(‘div.letter’).contentbuilder({ enableZoom:false, snippetOpen: true, imageselect: ‘images.html’, fileselect: ‘images.html’, snippetFile: ‘/assets/templates/content-builder/default/snippets.html’, toolbar: ‘left’, //sourceEditor: false, onDrop:function(){ // function for when an item is dragged into the editable area }, onRender: function () { var coverLength = $(“#coverpage div.row”).length; var mainContent = $(“#maincontent div.row”).length; if(coverLength == 0) { $(“#coverpage”).html(‘Select your […]

IE字体大小减小不会导致选择框高度降低

我的页面上有一个字体大小调整function,通过javascript增加整个页面的字体大小。 这在IE以外的大多数浏览器中都能正常工 在增加字体大小后减小字体大小时,即使字体大小减小,选择框的新高度也不会减小。 相反,较小的字体似乎用空格填充。 关于IE在这里做什么的任何想法,以及解决方法? function setFontSize(newFontSize) $(‘select’).css(“font-size”, newFontSize); }