Question

这让我发疯了。我试图将div放置在搜索字段存在的位置附近。输入值时，div应按光标移动，并显示结果。

我有一个隐藏的div，在所有其他div之外。

<div id="search_collection_enc"></div>

我检索数据，并收集鼠标的x / y坐标。这些已被放入隐藏的领域，我已经证实它们存在。然后我做以下事情：

current_x_val = $("#current_x").val();
current_y_val = $("#current_y").val();                        
$('#search_collection_enc').css({"position":"absolute","left":current_x_val,"top":current_y_val,"z-index":100});
$("#search_collection_enc").html(coll_rows_html);
$("#search_collection_enc").show();

数据填充得很好。但是显示屏始终位于左上角。

有什么想法吗？在拐弯处驾驶我。

Answer 1

设置top和left属性时需要使用单位。

编辑：jQuery会强制整数值使用'px'，但由于您使用val()方法检索了值，current_x_val和current_y_val作为字符串返回，因此不会被强制。

$('#search_collection_enc').css({
    "position":"absolute",
    "left":current_x_val + 'px', //add units to left
    "top":current_y_val + 'px', //add units to top
    "z-index":100
});

jQuery Div定位问题

1 个答案: