草庐IT

img_view

全部标签

javascript - 捕获页面加载后创建的 <img> 标签的 img 加载错误(例如通过 AJAX)

我正在使用jQuery的error捕获图像加载错误的事件处理程序。它看起来像这样:$(function(){$('img').error(function(){//...dosomething})})这对于加载页面时DOM中的图像非常有用。但是,我想捕获的错误也通过AJAX插入的标签。我宁愿不必在每次AJAX调用后都运行某些代码。我想要这样的东西,虽然这似乎不起作用:$('body').on('error','img',function(){//...dosomething}) 最佳答案 如果您不想在每次ajax调用后都设置绑定(b

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - 初始 handsontable View 不会拉伸(stretch)到正确的宽度

我有一个handsontable对象(实际上是两个对象,都在Bootstrap模式中),它在页面构建后加载了数据。这是一个重复问题的jsfiddlehttps://jsfiddle.net/mtbdeano/w7dofbyy/即使使用stretchH:all选项,表格的大小也太窄了。单击内容后,它们会像变魔术一样调整到正确的列宽。我是否缺少一些初始化参数?加载新数据后如何将其调整为正确的宽度?/*thesetablesareinthemodal*/$('#keyword_table').handsontable({data:keyword_data,rowHeaders:true,co

javascript - MaterializeCSS 日期选择器 : setDate does not update the view

使用MaterializeCSS1rc2,我尝试从Javascript更新我的DatePicker的日期。我的HTML我的JSfunctionchangeDate(date){/*dateisajavascriptDateobject*/vardatepicker=document.getElementById('datepicker');varinstance=M.Datepicker.getInstance(datepicker);instance.setDate(date);}查看控制台,所有变量都设置为其预期值。当我单击DatePicker时,这也是显示的预期日期(我在chan

javascript - HTTP 请求 beforeunload : sendBeacon vs img. src

在beforeunload的上下文中处理程序,fetch(keep-alive:true)之间的功能区别是什么?并设置srcimg的属性标记,其中哪些是发出GET请求的首选方法?背景:我想在beforeunload中发送一个HTTPGET请求JavaScript代码中的处理程序。Navigator.sendBeacon的文档讨论了它对这个用例有多好,butThesendBeacon()methoddoesnotprovideabilitytocustomizetherequestmethod显然有很多requests几年前对于这样的功能,culminated在recommendatio

javascript - 如何确定 IE 中动态加载图像的 img 宽度/高度?

我的标记是一个简单的div元素,其ID为“load”。然后我使用jQuery将图像元素列表加载到这个div中:$('#load').load('images.html',{},function(){$(this).onImagesLoad({selectorCallback:function(){....dosomething....}});});其中images.html是这样的列表:...为了确保所有图像都完全加载,我使用了onImagesLoad插入。到目前为止,这在所有浏览器上都运行良好。但是,在IE8上(我假设还有其他版本的IE)当我遍历img元素时,我无法确定加载图像的宽度

javascript - 类似于 google+ 相册 View 的动态图像排序和裁剪

有人能帮我找到一个解决方案来实现与googleplusalbumview相同的结果吗??缩略图列表通过重新排序和裁剪图像来保持一致的行宽,使它们始终适合,并根据窗口大小重新排列它们。我知道masonry但当图像大小不同时,它往往会产生大量空白...(因为它不处理裁剪)有人知道有这样的插件吗?或者如果不是它背后的基础数学? 最佳答案 看看:http://blog.vjeux.com/2012/javascript/image-layout-algorithm-google-plus.html它解释了布局的工作原理。另请参阅:http:

javascript - 如何在一个 View 中使用多个 ember 数据模型

给定RESTful服务器上的这些JSON数据模型/用户{"users":[{"id":"1","first_name":"John","last_name":"Doe"},{"id":"2","first_name":"Donald","last_name":"Duck"}]}/用户/1{"user":{"id":"1","first_name":"John","last_name":"Doe","account":"1"}}/账户{"accounts":[{"id":"1","owned_by":"1"},{"id":"2","owned_by":"2"}]}/账户/1{"accou

javascript - onerror <img> 标签属性总是在 IE 中触发,为什么?

我有这样的代码在FireFox和chrome中,它的行为与您预期的一样(如果存在则显示GOOD_IMG,如果不存在则显示ERROR_IMG)但在IE(9)中它始终显示ERROR_IMG。如果我在IE中调试并在运行中设置onerror所以其他东西,例如onerror="alert('error')"然后会出现警告消息并显示正确的图像。什么可能导致IE在其他浏览器没有问题的情况下导致onerror激活?有什么方法可以找出导致onerror的原因吗?谢谢 最佳答案 我也遇到过类似的症状。就我而言,“onerror”是通过将“空”值放入sr