Question

我有一个与课程相关的表格＆＃39;表格敏感的＆＃39;溢出-x设置为＆＃39; auto＆＃39;。

在这个div中有一个带有typeahead的输入文本。当我发现结果返回到typeahead时，就在div中。我怎么能退出呢？

这是我的代码：

<div class="table-responsive">
    <fieldset>
        <legend>Righe</legend>
        <table id="dettaglioDocumento" class="table table-condensed table-fixed" cellspacing="0" width="100%">
        <col width="50px">
        <col width="350px">
            <thead>
                <tr>
                    <td></td>
                    <td><label class="align-table">Descrizione</label></td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><img src="<?= $root; ?>/assets/img/details_close.png" class="link removeRow"></td>
                    <td>
                        <input name="txtDescrizione[]" data-target=".container-fluid" class="form-control selectDescrizione" data-provide="typeahead" autocomplete="off" name="txtDescrizione_0" type="text" placeholder="" value="">
                    </td>
                </tr>
            </tbody>
        </table>
    </fieldset>
</div>

这里是JS代码：

    $('.selectDescrizione').typeahead({
        minLength: 3,
        items: 5,
        delay: 400,
        source: function (query, response) {
            $.ajax({
                url: '<?= $root; ?>/get_listino',
                dataType: "json",
                type: 'POST',
                data: {
                    query: query
                },
                success: function (data) {
                    return response(data.listino);
                }
            });
        },
        displayText: function (item) {
            return item.testo;
        }
    });

这里的照片：

更新 JSFiddle code

Answer 1

绝对定位的元素实际上是针对a定位的相对父级，或最近找到的相对父级，表示它将DOM冒泡，直到找到要应用的相对上下文定位。
如果没有找到亲戚，那么它将达到最高可能« container »，这是浏览器窗口，也就是viewport（或者文档可能，或窗口......？嘿，你知道什么，我不是W3C专家！）。

现在你只需要将位置静态设置为相对元素

在你的情况下：

.dataTables_wrapper {
    position: static;
    clear: both;
    zoom: 1;
}

Updated fiddle

Source

在div溢出-x内的Typeahead 3

1 个答案: