草庐IT

ui-mobile-viewport-transitioning

全部标签

javascript - 从 Openlayers 3 视口(viewport)获取所有功能

我正在尝试找出Openlayers3图层上所有可见的(视口(viewport))特征。如果我向map添加一个点击事件,我就能够找到一个单一的特征,如下所示。但是我无法找到视口(viewport)中可见的所有功能。有人可以帮忙吗?map.on('click',function(evt){varfeature=map.forEachFeatureAtPixel(evt.pixel,function(feature,layer){returnfeature;});}); 最佳答案 我建议您首先了解View的范围:varextent=you

javascript - d3-transition attrTween、styleTween 方法在 d3 版本 4 中未被触发

我正在尝试将以下圆环图从d3.jsv3升级到d3.jsv4。http://bl.ocks.org/dbuezas/9306799我已经用新版本中的等效方法替换了所有旧版本的方法名称。d3.scale.ordinal()到d3.scaleOrdinal()d3.layout.pie()到d3.pie()d3.svg.arc()到d3.arc()未生成路径标记的“d”属性。并且方法“attrTween和styleTween”在v4中甚至没有被触发。我创建了一个plunker为了这。body{font-family:"HelveticaNeue",Helvetica,Arial,sans-s

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - 在 Material ui的日期选择器中更改格式日期

我使用具有redux形式的material-uidatepicker组件。我在这里遇到了一个小问题,这看起来很神奇。当我更改日期时,它在我的输入字段中显示为yyyy-mm-dd。我想更改它以显示为dd-mm-yyyy。日期选择器有一个名为formatDate的属性,它接受一个函数作为输入。所以我写道:moment().format(DD-MM-YYYY)}/>但是好像不行。你有什么想法吗? 最佳答案 根据DOC:formatDate====>function====>Thisfunctioniscalledtoformattheda

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount

javascript - raphaeljs 的 Mobile Safari SVG 渲染问题

我正在使用raphael制作动画交互式图表我需要在iPhone上正常工作。我遇到了2个小的渲染问题。首先,无论何时单击附加有单击处理程序的svg元素,移动版Safari都会在其周围绘制一个透明的灰色框以指示单击的内容。这与您单击超链接时所做的相同。在这种情况下,灰色框非常难看。是否有任何css属性告诉移动safari不要这样做?第二个问题是动画。对于任何动画的持续时间,移动版safari都会向svgCanvas添加丑陋的黑色边框。它仅在动画进行时可见,并且仅在Canvas的底部和右边缘可见。知道如何解决这个问题吗?这是使用raphael页面上的一个演示的复制和粘贴拍摄的,只有白色背景。

javascript - 如何在 jquery-ui 小部件中存储内部属性?

我正在从头开始编写一个新的jquery-ui小部件。我找到了官方的“widgetfactoryworks”文档。(http://jqueryui.com/demos/widget/)小部件本身工作正常。现在我想在内部存储一些值-有更好的方法吗?我认为在选项中声明的所有属性都是公开的。感谢您的帮助! 最佳答案 只需在this上使用普通的旧属性。例如,一个基本的小部件看起来像这样:$.widget('some_name',{options:{/*...*/},_create:function(){//...this.internal_v

javascript - 为什么我的 map 在我的 jQuery Mobile/Google Maps API3 应用程序中居中?

我的jQueryMobile网络应用程序中有一张由GoogleMapsJavascriptAPI3提供支持的map。我添加了一个带有黑色边框的圆圈。如果您直接使用map转到我的应用程序的这个页面,map会正确地居中在圆的中心。http://goo.gl/XvLST如果您先转到我的应用程序的主页(http://goo.gl/0IWgE),然后单击进入带有map的页面,则map是居中错误(map应以圆心为中心)。缺失整个灰色区域。为什么当我从我的主页点击带有map的页面时,map会出错,但如果我直接访问带有map的页面,map会正常工作?我不能使用Ajax加载带有data-ajax='fa

javascript - 具有固定最小值 : show minimum range, 的 jQuery UI Slider 不是最小绝对值?

我使用的是固定最小值为20的jQueryslider,如describedinthedocs.然而,这并不是我所需要的。我希望slider的可视范围为0-100,但绝不允许用户将slider移动到小于20。换句话说,slider的句柄不应该一直到slider的左侧(就像现在一样),但应该显示0-20的范围。这里是aJSFiddletoshowwhatImean,这是当前代码:$("#range-slider").slider({range:"min",min:20,max:100,value:20,step:20,});有什么想法吗? 最佳答案