gpt4 book ai didi

jquery - 使用 jQuery 在精确宽度的输入字段下方显示一个 div

转载 作者:行者123 更新时间:2023-12-03 23:06:32 25 4
gpt4 key购买 nike

我目前使用以下代码将 div 直接放置在焦点输入文本字段的下方。问题是 div 的宽度因浏览器而异。有没有办法确保出现的 div 的宽度与我的输入字段完全相同?

  // get the field position
var inputField = $('#inputfield');
var fieldDiv = $('div.divname');
var sf_pos = field.offset();
var sf_top = sf_pos.top;
var sf_left = sf_pos.left;
// get the input field size
var sf_height = inputField.height();
var sf_width = inputField.width();

fieldDiv.css("position","absolute");
fieldDiv.css("left", sf_left);
fieldDiv.css("top", sf_top + sf_height + 6);
fieldDiv.css("width", sf_width);

$('#inputfield').focus(function() {
fieldDiv.fadeIn('medium');
}).blur(function() {
fieldDiv.fadeOut('medium');
});

最佳答案

我认为这可能与 IE 不尊重框模型有关,并且某些浏览器还会在宽度中包含边框,而其他浏览器则不会。

您是否尝试过使用outterWidth()而不是width()?

还有您可以破解它并添加依赖于浏览器的偏移量,例如:

width += ($.support.boxModel ? 0 : 2);

关于jquery - 使用 jQuery 在精确宽度的输入字段下方显示一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2372094/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com