Jquery/JS 隐藏元素尺寸/位置 - 使用手风琴和 AJAX :(

发布于 2024-09-16 16:22:52 字数 939 浏览 6 评论 0原文

HTML

<div id='accordion'>
     <h5>Header 1</h5>
     <ul>
        <li>section 1 content visible</li>
        <li>
             <div id=showhide>
                   <textarea id=usertext>
                   user entered text here,scalable
                   </textarea>
             </div>
        </li>
     </ul>
     <h5>Header 2</h5>
     <ul>
        <li>section 2 content 1</li>
        <li>section 2 content X</li>
     </ul>

</div>

#showhide 可以是可见的也可以是隐藏的(以节省空间) 无论手风琴的哪一部分展开以及#showhide 是可见还是折叠,如何获取#usertext 的尺寸?

jquery 的 .width() 不会返回隐藏元素的值。我可以设置 display:block 但页面上有很多元素,并且我在 async JS post 中发送维度,我无法协调显示元素和获取的时间它的尺寸。我不想进入sync,因为页面会冻结很长时间。

有什么建议吗?

HTML

<div id='accordion'>
     <h5>Header 1</h5>
     <ul>
        <li>section 1 content visible</li>
        <li>
             <div id=showhide>
                   <textarea id=usertext>
                   user entered text here,scalable
                   </textarea>
             </div>
        </li>
     </ul>
     <h5>Header 2</h5>
     <ul>
        <li>section 2 content 1</li>
        <li>section 2 content X</li>
     </ul>

</div>

#showhide can be either visible or hidden (to save space)
How to get dimensions of #usertext regardless of which section of accordion is expanded and whether #showhide is visible or collapsed?

jquery's .width() does not return value for hidden elements. I could potentially set display:block but there are a lot of elements on the page and I send dimensions in async JS post, I cannot coordinate the timing of showing elements and getting its dimensions. I don't want to go to sync since page will freeze for a long time.

Any suggestions?

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

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

发布评论

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

评论(1

倾`听者〃 2024-09-23 16:22:52

也许这个插件可以帮助你: http://plugins.jquery.com/project/evenIfHidden

Maybe this plugin could help you: http://plugins.jquery.com/project/evenIfHidden

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