Question

我正在使用iziModal在页面加载时打开模式，这是可行的。在同一页面上，我想再次使用iziModal作为单击按钮时打开的第二个模式。它以前可以工作，但是我必须重构代码，并将第二个模式放在一个单独的文件中，而不是触发它的按钮所在的位置。知道为什么当按钮在一个文件中而模式对话框在另一个文件中时为什么它不会打开吗？

document.html文件中的IziModal代码：

<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>

在两个不同的文件中时，IziModal无法在Java / Springboot应用程序中打开

0 个答案: