草庐IT

位置变化

全部标签

javascript/jquery - $(document).ready() 和脚本位置

我想知道$(document).ready()以及一般的脚本是如何工作的。假设我有位于页面底部的脚本(有人告诉我出于性能原因?)。例如:假设您有一个链接,您需要阻止它的默认操作(preventDefault())。如果脚本位于页面的底部,用户是否可以在浏览器知道不点击该链接之前看到该页面并单击该链接? 最佳答案 “head”部分中的脚本在脚本标记加载到浏览器的位置(即在主体之前)进行评估。当浏览器在解析页面时遇到文档末尾的脚本标记时,也会执行它们-因此在“文档准备就绪”事件之前。加载整个页面时会触发“文档就绪”事件-即当浏览器解析'

javascript - 为什么不使用 mouseup 事件目标而不是 "old school"拖放的位置?

因此,据我所知,几乎所有与IE兼容的拖放操作都使用定位来确定将某些内容放置在何处。做一些类似mousedown的事情,确定所有可放置的位置,mouseup确定我们是否处于可放置的位置。为什么?我制作了一个快速原型(prototype),它似乎可以工作,它使用mouseup上的event.target(在jquery中,所以无论它转换到其他地方)来确定放置元素。是否有令人信服的理由不这样做?(在mouseup上使用e.target)。所以,mousedown决定了拖拽的是什么,mouseup决定了拖放的位置。添加一些变量以确保我们正在拖动,并记住拖动的是什么。

javascript - 以编程方式移动可拖动位置

假设有一个只能在一个轴上拖动的可拖动对象。有没有办法以编程方式移动它?要么开始,要么增量。当然,我可以更改它的cssleft属性,但这不会触发jQuery提供的拖动事件。我期待找到一个dragBy(x,y)方法来拖动。示例如下:http://jsfiddle.net/odyodyodys/daHU8/html:ResetpositionLoremipsumdolorsitametJs:$("#theDiv").draggable({axis:"x",cursor:"pointer"});CSS:#theDiv{display:block;width:100px;height:100px

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - 如何在剑道列模板中为元素设置弹出位置的 anchor

我使用kenodUI来创建我的WebUI。我有一个如下所示的列模板vartemplate="#:Contact#";我想每次点击详细信息按钮时弹出一个窗口,弹出窗口的位置应该在我点击的按钮的右下角。这是我目前所做的varpopup=$("#detailsPopup");popup.kendoPopup({anchor:"#details-button",origin:"bottomright",});但它不起作用。每次,弹出窗口显示在第一行按钮的右下角,而不是我单击的按钮的右下角。检查生成的html,所有按钮的ID都相同(详细信息按钮)。因此弹出窗口始终显示与第一个详细信息按钮相关的内

javascript - 如果该索引位置存在元素,如何更新 javascript 数组?

jQuery和JavaScript的新手所以请保持温柔...我正在开发一个POC,以创建一个“列映射”页面,用户可以在其中将“列标题”列表拖放到新列标题的网格中。我需要构建一个可以发送回SQL数据库的数组。我让这部分(大部分)按照我想要的方式运行。当将元素从左侧的列列表拖到右侧的标题网格时,如果该元素存在,代码应更新/替换该索引处的数组元素。如果该元素不存在,则应将该元素添加到数组中。例如:如果将“名字”拖到“标题”,则应将其添加到索引位置0。如果随后将“名字”拖到“with”,则应删除索引0处的“名字”值并在位置1添加值。如果您随后将“姓氏”拖到“with”,它应该使用“姓氏”值更新

javascript - 范围变量值的变化没有反射(reflect)在我的字符串中

我有以下字符串:"/root/get";现在我在上面的字符串中生成一个带有1个范围变量的查询字符串,但问题是当该变量的值发生变化时,新值不会自动在我的URL中更新。您可以在下面的演示中看到我有2个按钮更新和检查。在更新中,我生成了查询字符串,并在检查按钮上更新了范围变量的值,但这并没有反射(reflect)在我的URL中。我不明白为什么会这样。在不调用generateQueryParameters方法的情况下单击复选按钮时的预期输出:/root/get?no=2varapp=angular.module("myApp",[]);app.controller("myController"

javascript - 在 React DnD drop 中获取 DOM 中的元素位置?

我正在使用ReactDnD和Redux(使用Kea)构建一个表单生成器。我的拖放部分工作得很好,我已经设法在元素掉落时分派(dispatch)一个Action,然后我使用分派(dispatch)改变的状态渲染构建器。但是,为了以正确的顺序呈现元素,我(认为我)需要保存丢弃的元素相对于它的sibling的位置,但我无法找出任何不是绝对疯狂的东西。我已经尝试过使用refs并使用唯一ID查询DOM(我知道我不应该这样做),但是这两种方法都感觉很糟糕,甚至都不起作用。这是我的应用程序结构的简化表示:@DragDropContext(HTML5Backend)@connect({/*reduxt

javascript - 根据我使用 javascript/JQuery 单击的位置更改 HTML

在html页面中,您可能有一些代码包含如下两段:ThefirstparagraphThesecondparagraph非常简单,这两个标签会像这样呈现:第一段第二段我感兴趣的是允许用户单击呈现的html代码中的某处,以便使用JQuery插入新元素。例如,如果我在第一段中找到的单词f*ir*st中单击字母i和字母r(只需单击,没有突出显示/选择),我将能够插入自定义span元素或我在HTML代码中那个位置完全喜欢的任何东西,结果如下:ThefirstparagraphThesecondparagraph有什么想法可以帮助我吗?我的要求不包括绝对定位。那不会解决我的问题。

javascript - 当 svg 的高度动态变化时如何使用 viewbox

我有一个可调整大小的div。它有两个内部div。其中一个内部div中有一个svg元素。在svg元素中,我动态地添加和删除内容,这样每次我都在我的svg中添加内容。我通过向它添加20px来增加它的高度,当我删除它时,我将高度减去20px。当我的svg高度变得大于其父div时,父div中会出现一个滚动条。同样,当svg高度小于父div时,滚动条将被删除。当我调整大小时问题就开始了。我在我的svg中添加了一个viewbox选项来调整大小。但是当我增加大小时,我的一些svg元素是不可见的。当我减小尺寸时,我的svg被放置在较低的位置,留下空白空间。在我的脑海里,如何用viewbox属性处理sv