当启用CSS溢出时,jQuery UI选项卡显示下一个选项卡的内容

时间:2017-07-07 13:36:24

标签: jquery jquery-ui

jQuery UI tabs overflow issue

我正在使用jQquery UI(1.12.1)。当我添加" overflow-y:scroll;"在图像中显示的主题选项卡中,图像选项卡(查找图像等)的内容在其下方可见。

我还使用了Image Picker插件(https://rvera.github.io/image-picker/)。

这是我的代码:

<div id=videos_slide_config style='width:100%;height:400px;'>
    <ul>
        <li> <a href='#videos_slide_themes'>Theme</a> </li>
        <li> <a href='#videos_slide_images'>Image</a> </li>
        <li> <a href='#videos_slide_layouts'>Layout</a> </li>
    </ul>

    <div id=videos_slide_themes style='height:320px;overflow-y:scroll;overflow-x:hidden;'>
        <select id=videos_slide_theme>{$themes}</select>
    </div>

    <div id=videos_slide_image style='text-align:left;'>
        <p align=center>
            <b>Find Images:</b>
            <input type=text id=videos_images_q width=20> 
            <button class='ui-button ui-widget ui-corner-all' onclick='videos_images_search();' title='Find Images'><i class='fa fa-search' aria-hidden='true'></i></button>
            <button class='ui-button ui-widget ui-corner-all' onclick='videos_imags_upload();' 'title='Upload Images'><i class='fa fa-upload' aria-hidden='true'></i></button>
        </p>
    </div>

    <div id=videos_slide_layout>
    </div>

</div>

1 个答案:

答案 0 :(得分:0)

没关系。我的id属性错了。固定的。