Question

编辑：我已经得到了一个分支，可以使用两个代码将代码明确地分配给DOM，但是它不再位于父div的中心。有什么想法吗？

JQUERY：

$("#container").hover(function () {
$("#innerFocusPrompt").position({
    my: "center center",
    at: "center center",
    of: "#container"
});
$("#innerFocusPrompt").css({
    "display": "inherit"
}).fadeIn(100);
});

CSS：

#container {
background-color: black;
color: #121212;
height:400px;
width:400px;
margin: 0 auto;
margin-top: 50px;
}
#innerFocusPrompt {
display: none;
background-color: red;
color: black;
height:100px;
width:100px;
}

http://jsfiddle.net/WASasquatch/7C2dc/1/

Answer 1

您正在为css处理程序分配jQuery.position()。

您可以将其分配给DOM，如

$("#innerFocusPrompt").css({
    "display": "box"
});

Answer 2

您的语法不正确。您正在尝试将.css分配给元素的position（）。

将您的代码更改为：

$("#container").hover(function () {
   $("#innerFocusPrompt").position({
      my: "center center",
      at: "center center",
      of: "#container"
   });
   $("#innerFocusPrompt").css({
      "display": "box"
   });
});

添加css更改后丢失的位置（jQuery）

2 个答案: