Tag: 定位

如何保存portlet位置

我将使用jQuery的function为我的Web应用程序套件创建portlet小部件。 我还没有开始，但很快就会做，所以这是计划 现在，当前，页面加载，窗口小部件加载到其默认位置。 用户可以移动它们，改变它们的设置，无论如何。 现在，我的问题是我希望它为用户保存小部件位置，而不仅仅是每个会话，而是作为帐户变量。 我使用PHP和MySQL进行基于级别的编码，我真的不知道从哪里开始。 请帮我 ：）

$（窗口）.scroll函数不会触发

我正在尝试将此教程技术应用到我当前的项目中： http ： //www.webgeekly.com/tutorials/jquery/a-simple-guide-to-making-a-div-static-as-you-scroll-past -它/ （特别是左侧的相对/修复社交媒体工具栏） 并没有开始被“固定”直到某个滚动值。 停止在页脚之前“固定”（不重叠） 我一直在跟着，但是$（window）.scroll（）函数永远不会为我开火..（仅在小提琴示例/测试中）.. $（document）.ready中的其他console.log（） ）fire ..但是在$（window）.scroll（）函数里面注意到了吗？ //sticky map placement $(function(){ var msie6 = $.browser == ‘msie’ && $.browser.version = top) { $(‘#mapContainer’).addClass(‘fixed’); console.log(“class added”); }else { $(‘#mapContainer’).removeClass(‘fixed’); console.log(“class removed”); } }); } }); 相关风格:(为了让事情有效而多次改变） （mapContainer父级） #col-2 { float:right; width:935px!important; padding:0; margin:0; position: relative; height:auto; } #mapContainer{ display:table; width:240px; /* […]

jQuery在动画后重置一个位置

我试图在动画后重置元素的CSS位置，但是失败了。 我已经尝试使用stop（），queue：false，并指定动画完成后要使用的css位置，但这些方法都不起作用。 有人可以帮忙吗？ 我简化了我的代码并发布在这里： http ： //jsfiddle.net/DSs6r/ 快速将鼠标移入和移出红色块，你会看到事情在一段时间后排队并且顶部的位置：0px; 不保持。

如何使用jQuery将div放在页面中间并在窗口重新resize时保持居中？

有没有人知道任何jQuery脚本将div保持在中间位置，当窗口重新resize时，它还会保持居中？ 我正在构建一个灯箱插件，我需要它留在中间。 我尝试使用CSS，但它不起作用。 另外我需要它在中间打开另一个具有更大宽度和高度的盒子。 这是包含示例的页面： http://wowbox.yolasite.com/ 首先打开图像，然后打开div，你会看到我的意思。 div不是居中的。 但是当你关闭并重新打开div时，它会居中，因为当你单击WowBox链接时会发生.center（）。 我只需要它始终处于中心位置，并且永远不会像那样陷入困境。 这是我目前用来集中它的代码： jQuery.fn.center = function () { this.css(“position”,”absolute”); this.css(“top”, (($(window).height() – this.outerHeight()) / 2) + $(window).scrollTop() + “px”); this.css(“left”, (($(window).width() – this.outerWidth()) / 2) + $(window).scrollLeft() + “px”); return this; } 我想让它在窗口重新resize时保持居中。 我也想把它放在盒子的宽度变宽，高度变高的地方，它会重新居中。 现在它不能正常工作。 有人可以帮忙吗？ 提前致谢， 弥敦道

重新计算绝对定位元素的位置？

相对于文档正文，我有一些绝对定位的元素。 当在DOM内部的某处附加某些内容时，也应该重新定位绝对定位的元素。 问题是，如何知道DOM在里面某处被改变了？ 第二个想法是听取文档的高度和宽度变化，我认为这是最有效的方法。 还有其他方法可以实现吗？ 更新 http://jsfiddle.net/9nkq9/

div相对于窗口的位置？

试图找到相对于窗口的div的位置。 我有一个水平div，我想得到相对于窗口的左值。 因此，如果我将第二个div滚动到窗口的左侧，它将显示为“0”。 不确定如果没有父div，这是否可行。 这是我的小提琴： http ： //jsfiddle.net/FSrye/ 编辑：它应该像这样没有父div。 http://jsfiddle.net/FSrye/1/

控制jQuery中的可拖动运动

如何在jquery中控制draggable的de移动？ 我需要做类似于“snap to grid”的操作，其中draggable移动每个“x”和“y”像素 我不能使用“grid：[x，y]”（2D），因为我需要在等距网格（3D）上进行拖动（我稍后会开发网格，我首先需要控制拖动） 例如：当我开始拖动时，拖动不应该移动，当“x”和“y”处于某些条件下时，它必须捕捉到另一个位置 提前致谢！

jQuery：获取高于给定“y”位置的元素

你怎么能用优雅的方式用jQuery做到这一点？ 将z属性（例如：红色背景）应用于div parent每个子级 而他们的位置高于给定的顶部偏移y 。 我尝试过不同的方式，但我对他们中的任何一个都不满意…… 我知道必须有一个简短而优雅的方式来做到这一点……

如何在文本输入上方放置自动完成菜单？

有没有办法在文本输入上方显示自动完成结果集？ 问题是我在lighbox应用程序中使用它。 背景元素设置为页面高度和宽度的100％，它自然不会随其内容扩展。 因此，如果文本框上方的内容增加太多以至于输入被强制朝向页面底部，然后用户在其中键入内容，则会出现自动完成菜单，并且输入朝向页面末尾，即菜单导致滚动条出现 由于背景元素（深色）不会扩展以适应它，因为菜单是绝对定位的，它看起来很丑陋，页面底部显示为白色（与实际页面的颜色一致），而页面顶部则为黑色。 所以无论如何要做到这一点，在出现自动完成菜单之前，应该检查输入的位置。 如果它是，例如，从顶部超过300px，那么菜单应该出现在输入上方？ 这是代码： Filter div.filtertab { display: inline-block; height: 30px; background:url(filter.png); border-radius: 5px; position: relative; margin: 10px 45px 10px 8px; cursor: pointer; -moz-user-select: none; box-shadow: 4px 2px 2px #aaaaaa; } div.filtertab span.filtertext { position: relative; margin-top: 4px; margin-left: 11px; margin-right: 1px;font-family:cursive,”Comic Sans”; font-size: 0.9em; float: left; display: inline-block; } span.arrow […]

jQuery UI：可拖动滚动问题

我正在尝试使用jQuery UI构建一个可拖动/可放置的文件夹文件视图，但我遇到了一个问题，我相信它归功于帮助器。 这是我的代码： HTML Parent Directory 1 Parent Directory 2 Folder 1                         Folder 2 Folder 3   jQuery $(document).ready(function () { var opts = { helper: ‘clone’, appendTo: ‘body’ //appendTo: ‘#container’ }; $(‘div.drag’).each(function () { $(this).draggable(opts); }); $(‘.dropzone, #topContainer’).droppable({ drop: function (e, ui) […]