Событие наведения мыши в ответе jQuery - PullRequest
Новая
       10

Событие наведения мыши в ответе jQuery

2 голосов
/ 24 сентября 2019

Текущая ситуация

У меня есть простая php-страница, где я помещаю свои данные в список, в котором содержится более 300 тыс. Продуктов.Существует панель поиска, которая выполняет поиск и помещает найденные продукты в ответ jjery ajax:

Поиск Ajax 

   <script>
            $.ajax({
                url: "/product/api/search",
                type: "GET",
                data: 'filter='+$("#f").val(),
                success: function(data){
                    $("#table_id").replaceWith(data);
                }
            });
        </script>

jQuery Select2 

<script>
        $('.data-ajax').select2({
            ajax: {
                url: '/product/api/elasticsearch',
                dataType: 'json',
                width: 'resolve', // need to override the changed default
                minimumResultsForSearch: -1,
                dropdownCssClass: 'select2-hidden',

                success: function (data) {
                    var returnedData = data;
                    // clear table
                    $('#snel tbody').empty();

                    for(let i = 0; i < returnedData.results.length; i++){
                        $("#snel").find('tbody')
                            .append($('<tr>')
                                .append($('<td>')
                                    .text(returnedData.results[i].id)
                                )
                                .append($('<td class="columntitle">')
                                    .text(returnedData.results[i].text)
                                )
                                .append($('<td class="columnsku">')
                                    .text(returnedData.results[i].sku)
                                )
                                .append($('<td class="columnvendor">')
                                    .text(returnedData.results[i].vendor)
                                )
                            );
                    }
                }
            }
        });    
    </script>

Цель, которую я хочу достичь:

Мне нужна строка поиска для поиска товаров.Если я нашел продукт, он должен показать мне всю другую информацию, например, если навести курсор мыши на SKU.

Вопрос

  • Могу ли я достичь своей цели с помощью этой настройки?Если да Как?
  • Советы по улучшению
  • Любые предложения приветствуются для того, чтобы лучше рассмотреть эту проблему.
...