jQuery UI 位置 : When window resize

标签 jquery user-interface resize position

http://jsfiddle.net/jqrmh/

$(".one").position({
        "my": "right top",
        "at": "right top",
        "of": $(".main"),
});

当我调整窗口大小时,我的框仍然保持在右上角...... 我尝试使用“collision”:“fit fit”......它不起作用

http://jsfiddle.net/jqrmh/

( http://wiki.jqueryui.com/w/page/12138026/Position )

最佳答案

您可以在调整大小时重新定位:

http://jsfiddle.net/jqrmh/4/

function moveit() {
    $(".one").position({
        "my": "right top",
        "at": "right top",
        "of": $(".main"),
        "collision": "fit fit"
    });
}

$(window).resize(function(){
   moveit(); 
});

moveit();

或者,假设没有其他原因你不能只使用 css:

只需设置父级 position:relative 并设置子级 position:absolute。然后你可以设置子 top:0;右:0

http://jsfiddle.net/jqrmh/5/

关于jQuery UI 位置 : When window resize,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6358332/

相关文章:

javascript - 使用 JavaScript 通过一些查询字符串将用户重定向到当前页面

javascript - 如何在基于 jquery 的 jsfiddle 中使用 javascript?

java - 如何更改 JComboBox 和 JButton 的默认输入

ios - 带有插图的 UIButton 标签文本自动收缩

css - 调整窗口大小时嵌套的 div 父级重叠子级

jquery - 动画 div 的宽度返回错误值

javascript - 使用 JQuery 更改悬停上的文本

javascript - ResizeSensor具体如何使用?

javascript - 如何在我的 React 网站中使用 float 按钮?

c - 如何将 GUI 合并到用 KDevelop 编写的 C 代码中?