jjzjj

liquid-layout

全部标签

javascript - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - 当包含的 div 改变大小时如何调整 Flot 图的大小

我正在使用Flot图形库jQuery插件,但是当它包含时,我还没有找到处理调整图形大小的好方法。更改大小(例如,由于窗口大小调整)。在处理onresize事件时,我确保包含的宽度和高度更新为正确的大小,然后尝试同时调用setupGrid并在绘图对象上绘制但没有效果。我已经通过删除和读取包含的方法取得了一些成功。并重新绘制其中的图表。但是,如果我必须添加其他,这似乎很容易陷入无限调整大小事件循环。同时将元素添加到文档中(例如图形的工具提示),因为我猜这些元素也可以触发调整大小事件?有什么好的方法可以处理我所缺少的吗?(我还在IE上使用ExplorerCanvas,以便能够使用Flot,如

javascript - 如何缩小 liquid 模板生成器生成的 javascript 文件

我正在尝试优化shopify网站,GoogleSpeedInsights建议我缩小css和js文件。推荐的文件都是用liquidtemplategenerator生成的,所以我不能使用流行的minify工具。如果有人有这方面的经验,请告诉我。谢谢。 最佳答案 如果您尝试缩小此类文件,由于Liquid模板代码,您将看到一个错误。这里有一个技巧可以帮助您缩小包含Liquid模板代码的JavaScript文件。但这涉及很少的体力劳动。用一些随机的唯一字符串替换所有Liquid模板代码。记住所有的替换。您可以使用文件差异应用程序来查找.js

javascript - ColdFusion Layout, CFlayout, 无法切换到父标签

我有一个使用CFlayout生成动态选项卡的应用程序。每个选项卡都由变量组合组成,但出于本文的目的,没有必要深入探讨。有趣的是。过去,如果CFlayout找不到选项卡,我总是会收到错误消息。如果我更改选项卡名称(知道它会不正确),Coldfusion会抛出错误,所以我知道选项卡存在通常,但无论出于何种原因,它都不会切换。下面是我的代码:JavaScriptvaruniqueTopTabID=someVar,uniqueLowerTabID=uniqueTopTabID+someVar,$topLayoutID=$('#cf_layoutarea'+uniqueTopTabID),//j

javascript - 如何控制d3 force layout的仿真速度

我正在关注像this这样的d3强制布局示例.我想控制点飞向簇的速度。换句话说,我想让一些点花更多的时间到达它们的最终位置,而一些点花更少的时间。我尝试添加一个计时器功能来控制每个滴答的时间,但没有成功。this.force=d3.layout.force().on("tick",setTimeout(tick(d),50));我需要帮助。 最佳答案 不要设置计时器来调用tick函数,这是由强制布局自动完成的。然而,您可以设置许多参数来修改强制布局的行为。以下是与您尝试做的事情最相关的内容。.friction()对应于速度衰减的速度,

javascript - ExtJS 调试 "[E] Layout run failed"(在自定义组件中)

我开发了一个customkindofcombobox它使用网格而不是标准的组合选择器(主要是为了受益于大数据集的缓冲渲染)。我现在正试图使其与Ext4.2.1兼容,但我遇到了这个错误:[E]Layoutrunfailed请参阅demopages对于测试用例。每个组合都会引发一次错误,但只会在第一次展开时引发。4.2.0没有发生这个错误(参见demopagewith4.2.0)。当时我在4.2.1中确定的重大更改是关于查询过滤器,而不是渲染或布局......但是,在网格选择器位于窗口,但它在一个有很多覆盖的代码库中,并且使用了Ext4的沙盒版本......所以我只是希望它不是来self的

html - 通过 session 变量在 Golang layout.tpl 中有条件地呈现 HTML

我使用Gorillasession(通过negroni-sessions)将我的用户session存储在cookie中。我还使用github.com/unrolled/render进行HTML模板渲染:ma​​in.go:packagemainimport(..."github.com/codegangsta/negroni""github.com/goincremental/negroni-sessions""github.com/goincremental/negroni-sessions/cookiestore""github.com/julienschmidt/httprout