是什么让jQuery.print不能使用Leaflet?

在测试使用jQuery.print( 这里的demo )的git repo时,我收到以下错误: [Exception… “The operation is insecure.” code: “18” nsresult: “0x80530012 (SecurityError)” location: “”] 我通过将以下内容粘贴到控制台中,使用jQuery.print在本地Leaflet实例上测试了这个,并且能够复制它: $.print(“map” /*, options*/); [Exception… “The operation is insecure.” code: “18” nsresult: “0x80530012 (SecurityError)” location: “”] “Failed to print from iframe” undefined “The operation is insecure.” jQuery.print.js:141 $.fn.print() jQuery.print.js:141 debugger eval code:1 即使我禁用了构建iframe进行打印的选项,也会发生这种情况: $(“map”).print({ addGlobalStyles : true, stylesheet : […]

地图v3 onclick Android不起作用

有人能告诉我为什么这对android不起作用? 在iPhone(Safari)OSX(safari,chrome)中工作正常, 但在Android(webView)中没有处理程序点击:/ // lot of code $(“.btnCenter”).on(‘click’, function(e) { e.preventDefault(); map.setZoom(19); map.setCenter(marker.getPosition()); }); $(“.btnAll”).on(‘click’, function(e) { e.preventDefault(); var bounds = new google.maps.LatLngBounds(); bounds.extend(marker.getPosition()); bounds.extend(start); bounds.extend(end); mapd.fitBounds(bounds); }); 谢谢

页面多次刷新/重新加载

我正在学习JavaScript和backbone.js并尝试开发一个小型Web应用程序。 但问题是我的页面(图形)被重载多次(超过预期)。 因此页面会在页面稳定并显示图形之前自动重新加载(超快)页面。 当我说“重新加载浏览器”时,我的意思是说谷歌浏览器刷新图标的重新加载图标会多次刷新/(正向旋转,向后旋转),最后显示数据。 以下是我迄今为止尝试过的简短版本。 由于我处于学习阶段,我可能没有制定正确的编码标准。 请耐心等待我。 所以,我必须在首页上显示一个图形(稍后我需要在同一页面上添加更多图形)。 该图的数据来自REST服务。 HTML: 我有一个锚点和一个模板来显示图形数据。 视图模型 这是针对图表特定的数据: var firstSubViewModel = Backbone.View.extend({ template: _.template($(‘#myChart-template’).html()), events: { ‘click .Refresh’: ‘fetchModelData’ }, fetchModelData: function() { this.model.initialize(); }, render: function() { $(this.el).html(this.template()); var ctx = $(this.el).find(‘#lineChart’)[0]; var lineChart = new Chart(ctx, { type: ‘line’, data: { labels: [“Jan”, “Feb”, “Mar”, “Apr”, “May”, “Jun”, […]

Magnific-popup根本不起作用

我在这里有些问题。 我已经尝试了好几天了! 我已经在这里查看其他问题以尝试解决我的问题,但我仍然不能让夸张的弹出工作。 我不知道我做错了什么,我搜索谷歌,原始文档,stackoverflow问题,但我的网站只是没有显示弹出窗口。 这是我到目前为止的代码。 $(document).ready(function($){ // Inline popups $(‘#inline-popups’).magnificPopup({ delegate: ‘a’, removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function() { this.st.mainClass = this.st.el.attr(‘data-effect’); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source. }); }); Magnific […]

Javascript绑定是否在不使用时占用内存?

我有一个我已经建立的日历,并且在点击日历上的一天时,会运行一个function。 您可以在日历上逐月进行,并随着时间的推移生成数月。 由于日历上的每一天,无论是否显示,都使用所有“日期”的类别绑定到一个事件,我担心成千上万的“绑定”的数量。 //after a new month is generated, the days are rebound TDs.off(“mousedown”); TDs = $(“.tableDay”); TDs.on(“mousedown”, TDmouseDown); 当我学习C#/ Monogame时,我学会了很快重复更新游戏元素的function。 所以,我想知道javascript是否以相同的方式工作。 Javascript引擎是否反复检查每个事件绑定以查看它是否已发生? 这样的结构是这样的: function repeat60timesPerSecond(){ if(element1isClicked){ //blah } if(element2isClicked){ //blah } if(element3isClicked){ //blah } } 或者Javascript在事件发生时能够以某种方式实际触发函数吗? 简而言之:Javascript绑定是否仅通过现有内存占用内存? 到目前为止我的(不确定的)研究: 我已经多次尝试自己回答这个问题。 首先,我做了一个jsperf测试。 除了测试中一致性的明显问题外,测试实际上没有测试这个问题。 它主要测试是否解除绑定比解除绑定更快。 而不是创建后实际绑定占用多少内存。 我无法想出一种方法来使用此测试服务来测试它。 然后我用谷歌搜索了一下,发现了很多有趣的东西,但没有直接回答这个问题。 我确实遇到过这个答案,建议在类似的情况下使用事件容器的单个事件绑定。 更新: 发布之后,我想到了用本地JS测试这个的可能方法: function func(){ console.log(“test”); } for(x=1;x<1000;x++){ $('#parent').append("”); […]

单击后,jQuery单击事件停止工作

我有一个div(#replyLoop),链接id lmor在点击时从href元素data-posts中提取内容。 第一次单击时工作正常,但之后无效。 我怀疑它与代码的结构有关,而与使用的事件无关 – “live”和“click”都有相同的结果,删除return false也是如此; 并且只使用链接的data-posts元素并删除href部分。 (返回false;禁用链接的href从触发)。 当谈到js时,我似乎总是想念最明显的事情 – 而我想知道这是否就是这种情况。 (tooltip-e确保每当加载新内容时都会调用tipsy函数。(工具提示)) “实时”标记 – $(function(){ $(“#lmor”).live(“click”,function() { $(‘#replyLoop’).load($(this).attr(‘data-posts’), function(data) { $(‘.tooltip-e’).tipsy({ gravity: ‘e’, fade: true, html: true }); }); return false; }); }); “点击”标记 – $(function(){ $(“#lmor”).click(function() { $(‘#replyLoop’).load($(this).attr(‘data-posts’), function(data) { $(‘.tooltip-e’).tipsy({ gravity: ‘e’, fade: true, html: true }); }); return false; }); }); […]

克隆silverlight嵌入对象会导致空白元素

我有一个带有一些silverlight嵌入对象的页面。 一个玩家可见,所有其他玩家都被隐藏(显示:无)。 当我单击缩略图时,代码将克隆相应的隐藏对象,并用此克隆对象替换可见播放器。 这在Firefox,Chrome和IE9中运行良好,但在IE8中它无法正常工作。 可见的玩家被取代,但这导致一个大的白色空silverlight玩家。 如果右键单击此白色元素,它将显示silverlight上下文菜单,但不显示任何其他内容。 控制台或其他一些线索没有错误。 有这个问题的网站在线: http : //www.vioranje.nl 在IE8中打开它,然后单击标题栏“web afleveringen”下面的播放按钮,看看会发生什么。 这是克隆Silverlight播放器的jQuery代码(附加到缩略图的click事件处理程序): var embedType = (element.data().embedtype) ? element.data().embedtype : ‘object’; var $embed = $element.find(‘.large .embed ‘+embedType); var $newplayer = $(this).find(‘.embed’); var newplayerHTML = $newplayer.html(); var $newplayerInstance = $(newplayerHTML); $embed.replaceWith($newplayerInstance); $newplayerInstance.show(); 我该怎么做才能解决这个问题?

奇怪的chrome扩展问题:将iframe注入gmail

问题:Chrome侧边栏 很长一段时间,我想要一个Chrome扩展程序,将其他内容放在Gmail的边栏中,就像Remember the Milk Gmail扩展程序一样 。 看起来我并不孤单2但是Chrome开发人员使这个function比Firefox 3更难。 在没有使用几个hacks和变通办法function之后,我使用了extensionizr和其他人的代码来编写我的第一个Chrome扩展程序 。 目的是让我有一个带有待办事项列表的侧边栏或我希望在我的Chrome标签中提供的任何iframe ,尤其是我的Gmail标签。 问题:Gmail html网页中的iframe 我遇到的问题是使用https://todoist.com/作为我的iframe src,它适用于我尝试过的除Gmail之外的每个标签。 需要注意的是: 它适用于某些Gmail帐户,但不适用于其他帐户 。 我找不到会导致这种情况的任何差异。 我已尝试禁用所有其他扩展程序,以防出现兼容性问题,但没有运气,即使所有内容都已激活,也可以在某些Gmail帐户中使用。 我已经尝试禁用所有实验室并更改所有设置以匹配但仍然没有骰子。 SSL干扰的另一个角度(但有非常奇怪的症状)? 我倾向于认为这是一个SSL问题,因为Gmail不喜欢将iframe与非HTTPS内容嵌入,但这没有意义,因为它适用于某些Gmail帐户,而不是其他帐户。 任何想法,意见,建议都会非常感激,因为我是一个完全新手并完全陷入困境。 更多信息,如果有帮助:当我编辑页面源时,除了html和body标签以及注入的iframe之外,我可以逐字删除Gmail页面中的所有内容,它仍然显示为空白,就像内容未被内容抓取一样iframe src首先以某种方式…… 附录第二个:a)记录网络数据,使用工作帐户通过GET请求从SSL站点成功提取数据。 在非工作帐户上,没有提出任何请求。 b)即使我加载了Gmail,然后将DOM剥离为裸HTML和body标签,然后将iframe注入空白。 源如下,但没有请求,加载或显示内容。 wtactualf?

将字符串响应(使用HTMLTags)绑定到iframe

我对rest端点进行了ajax调用,它返回HTML标记作为字符串响应。 现在我需要将它绑定到iframe。 这里的数据有html标签之类的 var data=”iFramhi” 我尝试过document.getElementById(‘iframeid’).src=data 我也试过了 $(‘#iframeid’).contents().find(“html”).append(data); 谢谢

非输入字段上的角度JS和ng-keydown?

好的我正在将模板加载到ng-include中,如下所示: 指令: ‘use strict’; /*global $:false */ angular.module(‘bawdApp’) .directive(‘about’, function () { return { templateUrl: ‘views/pantone-inner.html’, restrict: ‘AE’, link: function postLink($scope, element) { function border(valueWidth){ $(‘.page_cont_wrap’).css(‘border’, valueWidth+’px solid #aaFFFF’); } $(element).css({‘position’: ‘absolute’}).delay(200).animate({ ‘margin-left’: ‘-160px’, ‘margin-top’: ‘-233px’, ‘left’: ‘50%’, ‘top’: ‘50%’ }, 200); $scope.loadpantone = function loadpantone(){ border(0); $scope.template = $scope.pantonesAbout[0].url; $(‘.top_left_logo.white img’).css(‘position’, ‘fixed’); }; } […]