草庐IT

JavaScript:在放置之前检查 <div> 对象的宽度

考虑:$("#PlotPlace").append('Helloworld!');只有当结果文本的宽度小于60像素时,我才需要执行该行。如何在放置对象之前检查宽度? 最佳答案 不幸的是,div在渲染到DOM后只有一个宽度值。我会将该内容附加到文档的不显眼区域,甚至可能绝对定位以便不会发生流中断,并确保将其设置为“visibility:hidden”。这样它将被插入到DOM中并被渲染,但对查看者是不可见的。然后您可以检查其宽度,将其移动到位并在该点将其设置为“visibility:visible”。否则,您可以将其从文档中删除。

javascript - 我如何在一个网页上放置多个 Facebook 跟踪像素?

我们正在尝试使用Facebook的广告跟踪像素来跟踪广告。我们查看了Facebook的文档,这让我不知所措。我需要知道如何在一个页面上触发多个Facebook像素,因为我们要转换多个广告。我采用它为我提供的每个像素的代码并将其放置在页面上,然后我们有一个购物车页面,我在其中触发或添加“购买”事件。但由于我有3次脚本,它似乎触发了3次。我希望它每个像素触发一次。这是我目前所拥有的:!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):

javascript - Createjs从indesign中导入文件并将其放置在 Canvas 上

所以我有这个元素,我需要操纵图片、文本和其他对象来创建:生日、婚礼和其他卡片。这些卡片中的每一个都包含字体、样式等。现在我发现我将用来编辑这些图片的工具是Createjs我要导入的图片示例是:正如您从这张图片中看到的那样,有很多元素和很多文本。所有文本都是可编辑的,但必须保持相同的字体。所以我需要将每个对象作为尖顶来重要,并导入字体和颜色。有谁知道是否有任何简单的方法可以做到这一点,或者我是否坚持创建自己的乏味方法? 最佳答案 如果你想编辑元素和文本,你将使用fabric.js(fabricjs.com)使用它,您可以轻松编辑元素和

javascript - Jquery 可拖动/可放置和可排序组合

我被要求创建一个正方形网格,其中每个正方形可能包含也可能不包含链接,并且这些链接应该能够在网格中移动。我认为draggable/droppable将是可行的方法并且它工作正常,但是,现在我们希望能够让draggables在一个拖放到另一个之上时交换。所以现在看起来sortable是可行的方法。但是,sortable看起来更像是用于列表,而我并没有把它写成列表。是否有一种简单的方法可以使我目前的工作正常进行,或者我是否需要使用sortable完全重写它?我是javascript的新手,我花了一段时间才走到这一步,我不是要代码,但我害怕不得不再次弄清楚整个事情!有什么意见吗?这是我的一小段

javascript - 延迟加载 Javascript 文件与放置在 </body> 之前的任何区别

环顾四周,找不到讨论过的具体问题。很确定差异可以忽略不计,只是对您的想法感到好奇。场景:所有不需要在页面呈现之前加载的Javascript都被放置在关闭之前标签。通过在触发DOM加载/就绪事件时执行的头部中的一些Javascript代码来延迟加载这些代码有什么好处或坏处吗?假设这只涉及下载一个完整的.js文件,而不是在使用时根据需要延迟加载几个单独的文件。希望这很清楚,谢谢。 最佳答案 在我看来,有很大的不同。当您在的底部内联JS时标记,您强制页面加载那些s是同步的(现在必须发生)和顺序的(连续),所以你会稍微减慢页面速度,因为你必

javascript - 无法使用 openlayers 3 将标记放置在正确的坐标处

我在openlayers3上工作,想实现一个搜索功能,它获取地点名称并在map上放置标记。我能够获得坐标,但是当我想在map上添加它的标记时,我总是得到不同的位置。输入地点的标记未放置在map的实际坐标上。这是我一直在研究的代码:functionaddmarker(lat,long,pointerimgsrc){variconFeature=newol.Feature({geometry:newol.geom.Point(ol.proj.transform([lat,long],'EPSG:4326','EPSG:3857')),name:'NULL'});variconStyle=n

javascript - 创建多个位于彼此之上的可放置 sibling

我正在尝试创建多个彼此相邻的jquerydroppables,其中某些部分可能重叠,在这些情况下,我希望位于顶部(z-index明智)的那个是贪婪的。我已经尝试在droppable中设置greedy:true选项,但这似乎没有帮助。我还尝试在放置事件上返回false并使用event.stopPropagation();。这是一个jsfiddle基于demopagejQuery的。如果有另一个droppable触发它,有什么方法可以阻止drop事件传播,最好是具有最高z-index的那个? 最佳答案 使用document.elemen

javascript - 获取放置元素的项目/对象

我正在编写一个包含三个列表的任务面板,我使用sortable在它们之间移动项目。但是我需要拿起元素掉落的项目。我知道ui.item是被丢弃的元素,但我不知道我把它丢在哪里了。这是我的代码:$(".column").sortable({receive:function(event,ui){/*gettheelementwhereui.itemisdropped*/}});我知道该元素将是.column选择器的任何元素,但如何选择!!! 最佳答案 编辑-这样做的方法是这样的$("#sortable1,#sortable2").sorta

javascript - 自动放置流程图形状的算法

我的团队需要使用HTML5Canvas或D3库(或其他更合适的工具,欢迎提出建议)用JavaScript构建流程图生成器。流程图将从JSON文档中定义的有向图生成。我的问题如下:我们可以使用哪种标准算法来促进流程图中形状(图中节点)的自动放置,以最大限度地减少重叠连接的数量及其长度? 最佳答案 对于这类问题,力导向算法并不是最优的。我宁愿建议使用分层图绘制(http://en.wikipedia.org/wiki/Layered_graph_drawing)算法。这种算法的一个很好的JS实现是Dagre(https://github

javascript - 我应该在哪里放置与 redux 中的 Action 相关的同步副作用?

(注意:我的问题没有写清楚,我在想一些错误的地方。问题的当前版本只是尝试写一些可以使接受的答案对尽可能多的人有用的东西。)我想要一个将项目添加到商店并将其注册到外部依赖项的操作。我可以使用thunk中间件并编写exportfunctionaddItem(item){returndispatch=>{dispatch(_addItemWithoutRegisteringIt(item));externalDependency.register(item);};}但订阅者会在项目注册之前收到通知,他们可能依赖于它是否已注册。我可以颠倒顺序写exportfunctionaddItem(ite