div с частичным представлением не выполняет скрипт - PullRequest
Новая
       54

div с частичным представлением не выполняет скрипт

0 голосов
/ 10 июля 2020

У меня есть частичное представление со следующим кодом 

foreach (var itemRest in Model)
{
    <div class="newRestaurantsSection" id="newRestaurantsSection">
        <div class="newRestaurantBox">
            @if (itemRest.RestaurantImgPath != null)
            {
                <img class="restImage" src="@Url.Content(itemRest.RestaurantImgPath)">
            }
            <div class="row restAddressPhoneOffer">
                <div class="col-md-12" >
                    @if (itemRest.MenuLink != null && itemRest.TableLink != null)
                    {
                        <div class="rowMenuTableLink">
                            <button class="rowMenuTableLinkM">
                                @Html.Raw(itemRest.MenuLink)
                            </button>
                            <button class="rowMenuTableLinkT">
                                @Html.Raw(itemRest.TableLink)
                            </button>
                        </div>
                    }
                    else if (itemRest.MenuLink == null && itemRest.TableLink == null)
                    {
                        <div class="rowTableLink" style="height:44px">
                        </div>
                    }
                    else
                    {
                        if (itemRest.MenuLink != null)
                        {
                            <div class="col-md-12 rowMenuLink">
                                <button class="restMenuResrBtns">
                                    @Html.Raw(itemRest.MenuLink)
                                </button>
                            </div>
                        }
                        if (itemRest.TableLink != null)
                        {
                            <div class="col-md-12 rowTableLink">
                                <button class="restMenuResrBtns">
                                    @Html.Raw(itemRest.TableLink)
                                </button>
                            </div>
                        }
                    }
                </div>
            </div>
        </div>
    </div>
}

Он загружен на страницу индекса 

<div id="tblSeeMore">
    @Html.Partial("_RestaurantDetails", item.restDetails)
</div>

Проблема в том, что кнопки внутри частичного представления содержат скрипт который выполняется при загрузке индекса. Но есть случаи, когда пользователь выбирает фильтр, и я обновляю sh только частичное представление внутри страницы индекса. Как я заметил, когда это происходит, скрипт не выполняется, в результате чего кнопки не работают. Скрипт принадлежит третьей стороне, и он создает идентификатор для каждой кнопки, а при нажатии он создает всплывающее окно, загружающее другую стороннюю страницу.

Как я загружаю частичную страницу после выбора фильтра 

function callseemore(a){
    $.ajax({
        url: "@Url.Action("RestaurantPaging", "Home")",
        type: 'POST',
        data: ({ params: parameters}),
            cache: false,
        success: function (result, status, xhr) {
                $('#tblSeeMore').append(result);
        }
    })
}

Я пробовал также с 

$('#tblSeeMore').html(result);

, но та же проблема.

Скрипт загружается из базы данных. Каждая кнопка получает код из itemRest ... Пример строки (кода) 

<span data-glf-cuid="5cc06166" data-glf-ruid="d68ed79c" >
   Order Now
</span> 
<script src="https://www.....js"defer async ></script>

После загрузки кнопки диапазон должен содержать идентификатор, сгенерированный из скрипта.

Есть идеи, почему скрипт не выполняется?

...