Использование счетчика загрузки во встроенном веб-ресурсе iframe Dynamics 365 - PullRequest
Новая
       10

Использование счетчика загрузки во встроенном веб-ресурсе iframe Dynamics 365

0 голосов
/ 11 ноября 2019

Я пытаюсь использовать загрузочный счетчик во встроенном фрейме в приложении Dynamics 365. Я использую эту библиотеку: https://loading.io/button/. Я вижу, что CSS загружается правильно, потому что он показывает вращающуюся иконку, когда у него был класс запуска на элементе button / div.

Что яПопытка сделать это добавить «запущенный» класс к кнопке, когда она нажата, чтобы пользователь знал, что происходит действие, и он должен ожидать, что что-то произойдет в ближайшем будущем. Однако, когда у меня есть код, который добавляет «запущенный» класс к кнопке, он, похоже, не работает. Вот мой код: 

$("#retakeButton").on("click", function () {
    $("#retakeButton").addClass('running');
    \\\\\\ LOGIC GOES HERE \\\\\\
    $("#retakeButton").removeClass('running');
});

А вот мой HTML: 

    <div id="outerBorder" class="container embed-responsive ">
        <div class="col-md-12" id="topbuttons">
            <div class="btn-group btn-group-justified">
                <div class="btn-group">
                    <div type="button" id="retakeButton" class="btn btn-primary hovering ld-over">
                        <strong>Take Photo</strong>
                        <div class="ld ld-ring ld-spin-fast"></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="carousel" class="slideshow-container"></div>
        <br>
        <div id="dots" style="text-align:center"></div>
    </div>

Что странно, если я открою консоль и выберу в качестве цели iframe, я смогу получить егочтобы показать текущую анимацию, запустив $("#retakeButton").addClass('running');. Тем не менее, он не работает в javascript, на который ссылается HTML.

1 Ответ

0 голосов
/ 12 ноября 2019

Я только что проверил, это работает.

Для наглядности я добавил границу для div, а также прокомментировал removeClass для тестирования (это может быть слишком быстро, чтобы заметить). 

<div id="div_loader" class="btn btn-default ld-ext-top" style="border:solid; font-size:2em">
    <div class="ld ld-ring ld-spin-fast"></div>
</div>

$("#div_loader").on("click", function () {
    $("#div_loader").addClass('running');
      //do some logic
    //$("#retakeButton").removeClass('running');
});

И последнее. ,Проблема может быть в классе hovering - вы можете удалить и протестировать свой код.

...