Как отобразить модал без использования функции onClick

Я хотел бы знать, как я могу открыть модал, не нажимая на кнопку. По сути, если пользователь что-то ищет, а поиск не возвращает результатов, я бы хотел, чтобы модал всплывающее окно, информирующее пользователя о том, что поиск не дал никаких результатов. Я вставил свой код ниже, но я не думаю, что должен вызывать jquery из html.

  <table id="tableData" class="table">
        <tr>
            <th>
                First Name
            </th>

            <th>
                Last Name
            </th>
            <th>
                MobileNumber
            </th>

            <th>
                EmailAddress
            </th>

            <th>
                Identification Number
            </th>

        </tr>

        @foreach (var item in Model)
        {

            if(Model.Count == 0)
            {
                 $('#myConfirmationModal').modal('show');

                //alert("no results find");
            }
            <tr>

                <td>

                    <a class="anchorDetail" href="javascript:;" data-id=@item.ClientId>@item.FirstName</a>
                </td>

                <td>
                    @Html.DisplayFor(modelItem => item.LastName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.MobileNumber)
                </td>

                <td>
                    @Html.DisplayFor(modelItem => item.EmailAddress)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.IdentificationNumber)
                </td>



            </tr>
        }

    </table>

Всего 1 ответ


В основном вам нужно выполнить $(#....).modal('show') после загрузки страницы, если count равен 0 . Выполните код внутри $(function(){...}) . JQuery обязательно выполнит функцию внутри $(...) после загрузки документа, т.е. так же, как $(document).ready(function(){...})

Попробуйте ниже.

if(Model.Count == 0) {
     <script>
        $(function() {
            {
                 $('#myConfirmationModal').modal('show');

                //alert("no results find");
            }
        });
     </script>
} else {
     @foreach (var item in Model) {
     ...
     ...
}

Есть идеи?

10000