确定与 jQuery Accordion 一起使用的适当父 Div 高度

发布于 2024-11-02 10:34:56 字数 417 浏览 4 评论 0原文

我正在生成一个梯子系统,它利用 jQuery Accordion 函数来呈现可扩展的数据部分。我遇到的问题是,当我单击标题以使内容区域下拉/展开时,它会调整页面大小(因此滚动条会向右移动)。

我想要某种方法来以编程方式确定我正在生成的内容的高度。手风琴内容区域内的数据是从数据库中提取的,无法提前准确知道它有多大。

本质上,我想要完成的是将父

设置为一定的高度,为手风琴提供足够的空间来扩展而无需调整页面大小。

有什么想法吗?我将非常仁慈!

编辑


实际上,想想看,内容区域中包含的数据大小最多限制为 10 行。使大小不可预测的是将出现的内容区域的数量。有没有办法返回有多少 SQL 结果与我的查询匹配,然后将父包装器/封装设置为与该数字匹配的高度?

I'm generating a ladder system which is utilizing the jQuery Accordion function to render sections of the data expandable. The problem I'm encountering is that when I click a header to make the content area drop down/unfurl, it resizes the page (and therefore the scrollbar to the right).

I'd like some way to programatically determine the height of the content I'm generating. The data inside the accordion's content area is pulled from a database, and there's no way to know precisely how large it will be in advance.

Essentially, what I'm trying to accomplish is for the parent <div> to be set to a certain height, allowing just enough room for the accordions to expand without resizing the page.

Any ideas? I would be most gracious!

Edit


Actually, come to think of it, the size of the data contained in the content area is limited to a maximum of 10 lines. What makes the size unpredictable is the number of content areas that will be appearing. Is there a way to return how many SQL results match my query and then set the parent wrapper/encapsulating to a height matching that number?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

想念有你 2024-11-09 10:34:56

COUNT(*)

将根据您的要求从 SQL 返回一个数字。例如,

$q = query('SELECT COUNT(*) AS `numrows` FROM **DESIRED TABLE** WHERE ** CRITERIA IS WHAT YOU WANT**');

echo json_encode($q);

Javascript 对上述查询进行 ajax 调用,获取号码并将其设置为 JS 变量。现在你有一个 js var,其中包含行数

COUNT(*)

Will return a number from SQL depending on what you ask it. For example

$q = query('SELECT COUNT(*) AS `numrows` FROM **DESIRED TABLE** WHERE ** CRITERIA IS WHAT YOU WANT**');

echo json_encode($q);

Javascript make an ajax call to the above query get the number and set it to a JS var. Now you have a js var with the row count in it

如果没有你 2024-11-09 10:34:56

在 jquery 中:

var parentheight = $('.div').height(); // Height of the div.

然后你可以在任何你想要的地方使用它。

这对你有用吗?

In jquery:

var parentheight = $('.div').height(); // Height of the div.

And then you can use that whereever you want.

Would this work for you?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文