草庐IT

动态高度

全部标签

javascript - 添加动态响应式背景图片的最佳方式是什么?

向静态站点添加(响应式)背景图像的最佳方式是什么?另一个要求(描述为“动态”)是图像由后端设置,因此不能直接写入CSS文件。选项A:通过style属性在模板中注入(inject)背景图像。优点:浏览器的Preparser可以获取它。Contra:它直接添加样式并硬编码到不理想的标记中。我也不知道如何在不向style属性中添加super复杂的媒体查询的情况下实现响应式图像解决方案。选项B:在模板中注入(inject)响应式背景图像源作为数据属性,并通过JavaScript将最佳假设写入style属性。优点:响应式图像是可以实现的。内联样式仅通过脚本写入标记。Contra:当JavaScr

javascript - 如何在运行时动态创建 C# 类(根据现有类)

背景:我们有一个客户端(Javascript)和服务器端(C#)的项目。有一个计算逻辑需要在两边运行,所以它是用Javascript和C#写的。我们有许多针对C#版本类的单元测试。我们的目标是共享C#和Javascript实现的单元测试。现状:我们能够在嵌入式JS引擎(MicrosoftClearScript)中运行Javascript代码。代码如下所示:publicdecimalCalulate(decimalx,decimaly){stringscript=@"varcalc=newCom.Example.FormCalculater();varresult=calc.Calcul

javascript - Angular ng-model 动态 getter 和 setter

我想将ng-model与外部模型服务一起使用。该模型有两个方法:getValue(variable)和setValue(variable)。所以在我的html中我希望能够做到:Note:balanceisnotdefinedon$scopeinmycontroller.Andbecausewearedealingwithmorethen4000differentvariables,Idon'twanttodefinethemallon$scope.然后在更改时它必须调用模型的setValue()方法。所以在我的Controller中我想有这样的东西:$catchAllGetter=fu

javascript - Magnific Popup iframe 高度和宽度

我在使用MagnificPopup时遇到问题,我需要能够使用javascript函数在iframe上设置高度和宽度。以下代码对我输入的高度和宽度没有反应,怎么了?///Call////openmagnificPopup(url,h,w);///Java////functionopenmagnificPopup(url,h,w){$.magnificPopup.open({items:{src:url,type:'iframe',iframe:{markup:''+''+'xxxxxx'+''+''}}});/////CSS/////.mfp-iframe-holder.mfp-cont

javascript - Ember.js 动态组件

我有两个模型Admin和User我的申请模板如下//application.hbs{{outlet}}{{header-nav}}我想做什么(如果可能的话)使{{header-nav}}可定制,我解释说:如果admin验证我想渲染组件{{admin-header}}在user进行身份验证的情况下,它应该呈现{{user-header}}。我如何构建要在application.hbs中动态呈现的内容? 最佳答案 您可以使用{{component}}帮助程序,但您需要先确定组件名称,因此,在您的Controller中:nameForCo

javascript - 在 TypeScript 中动态返回一个类构造函数

我正在尝试在TypeScript中构建一种机制,以根据表示类名称的字符串参数返回类的新实例。基本上,我正在尝试创建一个工厂,只是我不太清楚如何在TypeScript中执行此操作。在纯JS中,我可以通过将所有类构造函数存储在一个键/值对象中并调用newClassDictionary[className]();来解决这个问题——这不是最可靠的解决方案,但它在这种情况下工作。我似乎无法获得类型和转换的正确组合来在TypeScript中完成此操作。有没有更好的办法?我在TypeScript中找不到工厂模式的任何示例,所以现在我只有一点switch语句,它丑陋且不灵活。

javascript - 调整大小时,Jquery Resizable Div 宽度和高度变为 0

我有这个代码:我的JavaScript代码:$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,maxHeight:500,aspectRatio:true});使用上面的代码,我的可调整大小的div按预期工作,但是当我添加containment选项时,div的width和height调整大小为0,在任何方向调整大小时。$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,max

javascript - 绑定(bind)在动态加载的组件中不起作用

我遇到了一个问题,如果我动态加载一个组件,模板中的所有绑定(bind)都不适合我。除此之外,永远不会触发ngOnInit方法。loadView(){this._dcl.loadAsRoot(Injected,null,this._injector).then(component=>{console.info('Componentloaded');})}动态加载组件import{Component,ElementRef,OnInit}from'angular2/core'declarevar$:any@Component({selector:'tester',template:`Dyna

javascript - 更改事件不适用于动态生成的元素 - Jquery

我用jqueryAjax动态生成一个下拉列表,生成下拉列表的id是specificationAttribute。我想为生成的新标签创建添加事件(specificationAttribute),为此我在window.load中创建了Belowescript:$(document).on('change','#specificationattribute',function(){alert("ClickedMe!");});但它不起作用。我尝试了更多方式,例如click、live但我无法得到任何结果。jsfiddle来自fiddle的代码:$(window).load(function()

javascript - Highcharts 绘制列高度的倒数

我正在尝试绘制一个分类的多轴排名柱形图。排名第一的应该是最高的列,最低的排名应该是最短的。基本上我希望条形的高度是倒数。非常接近:varplayer_name_array=["AaronRodgers","AndrewLuck","DrewBrees","RussellWilson","PeytonManning","RyanTannehill","TonyRomo","MattRyan","CamNewton","BenRoethlisberger","EliManning","PhilipRivers","ColinKaepernick","TeddyBridgewater","M