草庐IT

gps定位

全部标签

javascript - 随机定位 jsPlumb 的窗口/对话框

有没有办法随机定位所有用jsPlumb创建的对话框/窗口?如果我有很多要在这些对话框中表示的项目,但问题是我需要通过给它们一个位置来将它们放置在屏幕上,但是由于有很多项目,这将是一项乏味的工作,而不是提及此项目列表可能会增加/减少。查看jsPlumb演示,使用“top”和“left”CSS属性为对话框指定了特定位置:#window3{top:2em;left:2em;}#window4{top:2em;left:32em;}有没有办法将这些对话框随机放置在屏幕上,但它们之间有一定的距离?如果有一种方法可以将对话框放置在屏幕上,这样箭头和对话框之间的交叉就会最少,那就更好了。编辑:不完全

Javascript 方法定位边距为 : auto 的所有元素

我正在寻找一种简单的方法来定位页面上将margin-left和margin-right设置为auto的元素。我得到了这个脚本,它在某些时候对我有帮助:(function(){varelementsList=[];for(vari=0;i虽然这个函数完成了一些工作,但它并没有捕捉到我在网站上看到的大多数margin:auto情况。你能告诉我一个更好的方法吗? 最佳答案 如果你可以使用JQuery正如MartinErnst对yonatan的回答所说:“这将只选择marginLeft/Right="auto"的元素。”此外,如评论中所述,

javascript - 缩放后使用 Translate 将元素定位在另一个元素之上

我正在实现一个基于Croppie的图像裁剪工具.我的问题是,当我缩小得太远时,图像会离开视口(viewport)或离裁剪区域太远。所以我有一个函数,在线(下面的代码片段)363是这样的:function_updateCenterPoint(){//borkedconsole.log("fire_updateCenterPoint()");varself=this,transform=Transform.parse(self.childElements.img.style[CSS_TRANSFORM]);varimgRect=self.childElements.img.getBound

javascript - 相对高度和宽度但绝对定位的 x, y

我有一个巨大的水平滚动网站。想想MarioWorld,举个例子。每个“Assets”都是绝对定位的。我想让元素的大小(高度和宽度)相对于浏览器的视口(viewport)(因此使用百分比),但需要使用左侧的实际像素等来定位元素。当我执行此操作时,很明显,随着我调整浏览器窗口的大小时,Assets的大小也会正确调整。但是元素的位置以像素为单位,因此相对于背景而言,事物会错位。这个问题有简单的CSS解决方案吗?使用百分比来定义位置(左:例如50%)并不是一个好的解决方案,因为它不是很准确(参见下面的jsfiddle)。或者我应该使用JS查看调整大小事件并以这种方式做一些事情吗?如果是,怎么办

javascript - 使用谷歌地图上的地理定位将学生按彼此最近的位置分组回家?

我在googlemap上有很多代表学生家的点我也有很多公交车。我必须根据位置对学生进行分组,方法是将乘坐同一辆公共(public)汽车的最近的学生分组。所以公交车司机会送他们去学校。关于算法的任何想法?有什么想法吗?? 最佳答案 我不太确定我是否完全理解您的问题(尤其是您在评论中提到“公交路线是学生家的经纬度”)。所以我假设您没有预定义的公交路线,但想找到最佳路线。现在澄清一下,我们应该将任务拆分为子任务,根据我的假设,我们可以这样说:您需要一种算法来将学生宿舍分配到最近的公交车站。公交车站可能是预定义的,也可能不是——你需要澄清是

javascript - 如何强制定位元素停留在浏览器可见区域内?

我有一个脚本可以将“弹出”元素插入到DOM中。它在单击事件时设置它们的top和leftcss属性相对于鼠标坐标。除了这些“弹出”元素的高度是可变的并且其中一些超出浏览器窗口的可视区域之外,它工作得很好。我想避免这种情况。这是我目前所拥有的$(function(){$("area").click(function(e){e.preventDefault();varoffset=$(this).offset();varrelativeX=e.pageX-offset.left;varrelativeY=e.pageY-offset.top;//'responseText'isthe"pop

javascript - 如何在 map 中使用 react useRef 定位 DOM

我正在寻找一个关于使用ReactuseRef()钩子(Hook)获取DOM元素数组的解决方案。例子:constComponent=()=>{//In`items`,IwouldliketogetanarrayofDOMelementletitems=useRef(null);return{['left','right'].map((el,i)=>)}}我怎样才能做到这一点? 最佳答案 useRef只是部分类似于React的ref(只是对象的结构,只有current字段)。useRefHook旨在在渲染之间存储一些数据,并且更改该数据

javascript - 定位当前脚本的推荐方法?

我正在编写一个脚本,需要将DOM元素添加到页面,在脚本所在的位置(类似小部件的方法)。执行此操作的最佳方法是什么?以下是我正在考虑的技术:在脚本正上方包含一个id="Locator"的元素。问题:我不喜欢额外的标记如果我在页面中重复使用该小部件,多个元素将具有相同的“定位器”ID。我正在考虑在脚本中添加一行以删除使用过的id,但仍然...给脚本添加一个id。问题:虽然它看起来有效,但id属性对脚本元素无效同样的问题,如果我在页面中重复使用脚本,几个元素将具有相同的id。使用getElementsByTagName("script")并选择最后一个元素。到目前为止,这对我有用,它看起来有

javascript - Ember.js——我如何定位嵌套/重复 View 中的导出,以及此类 ui 布局的最佳实践是什么?

我正在重构一个继承的Ember应用程序,它有相当多的非mvc困惑。我希望尽可能保持模块化,并希望在多个屏幕中重用各种ui组件以帮助防止代码重复。看来outlets是最好的方式。现在,我有一个显示多个元素的UI,每个元素都使用模板化View呈现。{{#eachitemincontroller}}{{viewApp.ItemThumbView}}{{/each}}此View的右侧边栏是一个根据选择而变化的socket。WhenIselectanitem,Iwouldliketodisplayalistofeditoperationswithinthetemplatizedsub-view,

按钮的 jQuery Datatable DOM 定位

我刚刚将我的jQueryDatatable版本升级到1.10。然后我尝试删除其已退役的插件,例如带有“Button”扩展名的“Colvis”和“Tabletools”。这里一切正常。但我的问题是,我无法将“Colvis”按钮与“Tabletool”按钮分开。"sDom":"Br>t>B","buttons":['copyHtml5','excelHtml5','csvHtml5',{extend:'colvis',postfixButtons:['colvisRestore'],columns:'0,1,2,3,4,5,6'}],language:{buttons:{colvis:'C