IziModal не открывается в приложении Java / Springboot, когда в двух разных файлах - PullRequest
Новая
       21

IziModal не открывается в приложении Java / Springboot, когда в двух разных файлах

0 голосов
/ 16 ноября 2018

Я использую iziModal, чтобы модальное окно открывалось при загрузке страницы, и это работает. На той же странице я хочу снова использовать iziModal как второй модал, который открывается при нажатии кнопки. Раньше он работал, но мне пришлось реорганизовать код и поместить этот второй модал в отдельный файл, а не там, где находится кнопка для его запуска. Любая идея, почему он не открывается, когда кнопка находится в одном файле, а модальная в другом файле?

Код IziModal в файле document.html: 

<head>
  <script>
        $('document').ready(function(){
              $('#docModal').iziModal({
                    headerColor: '#337ab7',
                    width: '50%',
                    overlayColor: 'rgba(0, 0, 0, 0.5)',
                    fullscreen: true,
                    transitionIn: 'fadeInUp',
                    transitionOut: 'fadeOutDown'
              });
            $('#uploadDoc').on('click', '.trigger', function (event) {
                 event.preventDefault()
                 $('#docModal').iziModal('open')
            })
        });
  </script>

</head>
<body>

<!--UploadDocuments Modal -->
<div id="docModal" class="modal fade" data-izimodal-title="Add Document">
    <div class="row" style="padding:0 25px;">
        <div class="tabbable-panel">
            <div class="tabbable-line">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#" data-toggle="tab">Required Documentation</a>
                    </li>.......

Вот кнопка в моей форме direct.html, которая должна вызвать это: 

 <td class="text-right"><a id="uploadDoc" th:value="${stat.index}" class="trigger btn btn-docModal" ><span class="fa fa-upload"></span></a></td>
...