jQueryUI 小部件中的 jQuery UI 小部件

发布于 2024-11-03 22:51:44 字数 218 浏览 4 评论 0原文

我在 jQueryUI 小部件中显示 jQueryUI 小部件时遇到问题。 示例 内部widget显示的内容div错误。它与标签位于同一位置。我认为这是一个CSS问题,但我无法在不更改CSS的情况下找到解决方案。我想,一个小部件与其他“对象”是密封的......

请问,有人能给我一点提示吗?

I have got a problem to display a jQueryUI Widget in a jQueryUI Widget. Example here
The displayed content div of the inner widget is wrong. It´s on the same position as the tabs. I think it's a css problem, but i can not find a solution without changing the css. I thought, a widget is sealed from other "objects"....

Please, can somebody give me a little hint?

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

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

发布评论

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

评论(1

残月升风 2024-11-10 22:51:44

问题出在你的 HTML 上。
您在错误的位置关闭了第二个


    试试这个:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Exterieur</a></li>
        <li><a href="#tabs-2">Interieur</a></li>
        <li><a href="#tabs-3">Ausstattung</a></li>
        <li><a href="#tabs-4">Einstellungen</a></li>
    </ul>
    <div id="tabs-1">
        <div id="ext">
        <ul>
            <li><a href="#felgen">Felgen</a></li>
            <li><a href="#lack">Lack</a></li>
         </ul>
         <div id="felgen">Felgen...</div>
         <div id="lack">Lack...</div>
        </div>
    </div>
    <div id="tabs-2">zwei</div>
    <div id="tabs-3">drei</div>
    <div id="tabs-4">vier</div>
</div>

The problem is your HTML.
You closed your second <ul> in the wrong place.
Try this:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Exterieur</a></li>
        <li><a href="#tabs-2">Interieur</a></li>
        <li><a href="#tabs-3">Ausstattung</a></li>
        <li><a href="#tabs-4">Einstellungen</a></li>
    </ul>
    <div id="tabs-1">
        <div id="ext">
        <ul>
            <li><a href="#felgen">Felgen</a></li>
            <li><a href="#lack">Lack</a></li>
         </ul>
         <div id="felgen">Felgen...</div>
         <div id="lack">Lack...</div>
        </div>
    </div>
    <div id="tabs-2">zwei</div>
    <div id="tabs-3">drei</div>
    <div id="tabs-4">vier</div>
</div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文