Question

我的select2显示有点问题。请求工作完美，我有正确的项目，问题不在这里，问题是列表完全是网站的底部（在页脚之后）。

代码是：

<input type="hidden" class="select2 form-control" id="select2" placeholder="search ..." name="q" value="{{ searchTerm ?: '' }}">

和：

<script type="text/javascript">
    function format(product) {
        return '<img src="/media/images/'+product.image+'" alt="" class="imgmedia-object" height="60" width="60"/><h5>'+product.name</h5><hr>';
    }

    $(document).ready(function() {

        // Get this orders sku
        var skus = [];
        $('.sku').each(function(){
            skus.push($(this).text().trim());
        });

        $(".select2").select2({
            multiple: true,
            minimumInputLength: 2,
            tokenSeparators: [',', ' '],
            ajax: {
                url: "{{ url('sylius_backend_product_find') }}",
                dataType: 'json',
                data: function (term, page) {
                    return {
                        criteria: {
                            sku: term
                        }
                    };
                },
                results: function (data, page) {
                    return {
                        results: data
                    };
                }
            },
            formatResult: format
        }).on("select2-selecting", function(e) {
            window.location = e.choice.url;
        });

    });
</script>

我搜索条款时会收到警告：

此网站似乎使用滚动链接定位效果。这可能不适用于异步平移;有关详细信息，请参阅https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects，并加入有关相关工具和功能的讨论！

问题可能来自警告，但我不知道如何解决。

提前谢谢

Answer 1

这只是因为我没有添加'bundles / syliusweb / css / select2.css'行......

下拉列表是网站的底部

1 个答案: