Tag: position

如何更新jQuery Mobile全局弹出窗口的位置？: 我有一个jQuery Mobile全局弹出窗口，其内容是动态生成的。所以默认情况下它是空的。我正在侦听beforeposition事件以捕获正在打开的弹出窗口。然后我加载配置文件/内容文件，生成内容并将其附加到弹出窗口。但是当我追加时，JQM已经完成了计算弹出窗口的位置，因此它会在屏幕上放错位置。这是我正在做的事情： $(document).find(“#global-popup”) .on(“popupbeforeposition”, function (e) { factory.util.generatePopupContents(app.generateActionObject(e)); }); factory.util.generatePopupContents = function (obj) { var i, j, promises, fragment, popup, reference, state; popup = obj.gadget, reference = popup.getAttribute(“data-reference”), state = popup.getAttribute(“data-state”); // don’t reload if same popup is opened if (state !== reference) { if (reference === null) { util.errorHandler({ […]

BlockUI在页面上的定位而不是屏幕: 我以前使用过这个插件，但现在blockui没有正确定位在页面上。在屏幕上它可以从顶部40％，但问题在于页面。它一直滚动到顶部。如果我在页面的模块中有一个按钮，我点击它以启动blockui，页面将scrool回到顶部。而且我不知道为什么这是html： to buy tickets hadran.co.il opera house join facebook css： div.btn{ width: 266px; margin: 0 auto; height: 56px; } #blockmsg{ position: relative; padding-top: 30px; display: none; width: 400px; z-index: 100000; } jquery： $(‘#block’).click(function() { $.blockUI({ message: $(‘#blockmsg’), fadeIn: 700, fadeOut: 700, centerX: true, centerY: true, css: { backgroundColor: ‘transparent’, […]

Jquery draggables：删除元素会更改其他已删除元素的位置: 当放置/放置元素（通过从一个DIV拖动到另一个DIV）然后在删除的DIV中移除一个元素时，其中一些元素正在改变位置。这是一个测试场景： http ： //jsfiddle.net/TcYHW/8/ 主要代码： $(“.d”).draggable({ containment: ‘#dropwin’, stack: ‘#dragables div’, cursor: ‘move’, }); 我怎么能避免这个？我发现，元素放置在起始位置的相对位置。即使有些东西被移除，我怎样才能让它们粘在掉落的位置？我找到了两个近乎相似的问题，但没有一个令人满意的答案：使用draggables和resizables删除Jquery div jQuery可拖动删除而不改变其他元素的位置

在视口中保持一个绝对定位的元素（jquery）: 我现在正在一个网站上工作，有很多工具提示。我想确保工具提示始终在视口中完全显示。我知道有工具提示的插件，但它们不适合我，因为工具提示是通过css完成的（我不能改变所有这些！）。你想获得工具提示的任何元素都有一个位置：relative，紧接着是一个带有class =’tooltip’的元素 – 这里是css代码： .tooltip{ display:none; color: #262626; background-color: #FEFEE0; padding: 5px 12px; position: absolute; box-shadow: 0 0 5px #A6A6A6; margin-top:-8px; z-index: 1000; } *:hover + .tooltip { display:block ! important; } .tooltip:hover{ display:block; } 我想做的是，每次显示工具提示时（或每次工具提示之前的元素都hover），运行一个函数来计算偏移并确保它适合屏幕（或移动它，如果没有）。我现在唯一想到的就是我没有尝试过这样的事情： $(“*:hover”).each(function(e){ if ($(this).next().hasClass(‘tooltip’) //run some positioning function } 好吧，所以我不是jquery专家，可能是上面的马车，我还没试过，但你明白了。但它有意义吗？它会影响性能（以不好的方式）吗？我花了好几个小时研究这个并且空洞。任何想法非常感谢！

棘手的css / javascript浮动任务: 我的设计有几个不同宽度/高度的div，我需要它们基本上漂浮到左上角。一个简单的css float：left将无法工作，因为它一旦下降到新行就不会利用垂直空间。我假设我需要使用jQuery来动态定位每个div，但我希望有人可以引导我朝着正确的方向前进。这就是标准浮标的作用：标准浮点数http://sofzh.miximages.com/javascript/diagram_float_left.gif 这就是我需要做的事情：我需要什么http://sofzh.miximages.com/javascript/diagram.gif div的大小将随着网站内容的更新而改变，因此手动输入位置不是一种选择。

jquery动画位置百分比: 如何确定百分比的位置？ $(document).ready(function(){ $(“#button”).toggle(function(){ $(“#slide”).animate({top:-100%},1000); },function(){ $(“#slide”).animate({top:0%},1000); }); }); 请建议。

jquery：我可以设置位置的动画：绝对位置：相对？: 我有一堆绝对定位的图像，我想能够点击一个按钮，让它们全部动画到它们通常在页面上的位置，如果它们有位置：相对。所以甚至可以从位置：绝对到位置动画：相对于jquery？这就是我所拥有的： $(“.change_layout”).click(function(){ $(“.book_img”).animate({position:’relative’, top:’0px’, left:’0px’}, 1000) })

一旦到达其父容器的底部，我怎么能在“#sidebar”中添加一类“底部”？: 我正在使用下面的代码，一旦它从站点的顶部到达某个高度，它会添加一个fixed到#sidebar的类，具体取决于它所在的页面（即主页，单页，页面）。以类似的方式，一旦#sidebar到达其容器的底部（ #content ），我想在#sidebar添加一类bottom 。如果用户向上滚动，则应删除bottom类，并应添加fixed类。目标是尝试使固定侧边栏一旦到达其底部就与其容器中的其余内容一起向上移动。 JavaScript的 var threshold = 236; if (jQuery(document.body).hasClass(“home”)) { threshold = 654; } else if (jQuery(document.body).hasClass(“single”) || jQuery(document.body).hasClass(“page”)) { threshold = 20; } var scrolled = false; jQuery(window).scroll(function () { if (jQuery(window).scrollTop() >= threshold && !scrolled){ jQuery(‘#sidebar’).addClass(‘fixed’); scrolled = true; } else if (jQuery(window).scrollTop() < threshold && scrolled) { […]

jQuery动画回到原来的位置: 我有一个我正在研究的网站，它有一些绝对定位的div，我需要在点击时resize，然后这些将填充div所在的容器。问题是我如何让他们切换到去回到原来的位置（顶部，左侧），每个位置都不同。 $(“.work-item .toggle”).toggle(function() { $(this).parent().animate({ height: ‘430’, width: ‘930’, top: ‘0’, left: ‘0’ }, 750); }, function() { var pos = $(this).parent(); var position = pos.position(); $(this).parent().animate({ height: ‘150’, width: ‘200’, top: position.top, left: position.left }, 750); }); 试过上面但是它的新位置不是原来的。提前致谢。 PVS

为所有哈希链接/调用的滚动位置添加自动偏移量: 我有以下问题：就像在Facebook上一样，我在页面顶部有一个始终可见的菜单栏（ position: fixed; ）。当我现在单击我的页面上的哈希链接（或在URL中加载带有哈希的新页面）跳转到页面上的某个元素时，浏览器总是将此元素滚动到页面的最顶部，这意味着之后，元素位于顶部菜单栏的后面。我想添加一些Javascript（jQuery或普通Javascript），自动为此滚动位置添加（负）偏移量，以便在单击链接或加载页面时链接元素位于顶部菜单栏的正下方。但我不只是想将事件监听器添加到所有处理这个问题的链接。我还想要一个有效的解决方案，如果页面使用浏览器的地址栏在URL中加载了哈希部分（或者链接到url末尾带有哈希的不同页面）。您可以在http://loud.fm/tmp/details.html找到我的页面的clickdummy。单击左侧图像右上角的评论气泡跳转到评论。如果您的浏览器窗口足够小，则应在列出注释之前跳转到灰色的“COMMENTS”标题和分页。在点击跳转链接后，我希望标题和分页显示在顶部菜单的正下方。你能帮我解决这个问题吗？提前致谢！ 🙂 此致，René