0
私は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を参照してください。また、関連ツールや機能に関するディスカッションに参加することもできます。
問題はおそらく警告に由来しますが、解決方法はわかりません。事前に
はThxを