Bootstrap 模态框在 AEM 中消失

Question

这是我用于引导模式的 html 代码。 它在我的本地浏览器中按预期工作，但是当我在 AEM 中运行时，模式框会出现一秒钟然后消失。 我在 stackoveflow 上阅读了很多答案，但没有一个适用于 AEM。 有没有其他人遇到过这个问题？

 <div class="wrapper"> <button type="button" id="modalButton" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="javascript: return false;" > Click me </button> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> </div> <div class="modal-body"></div> </div> </div> </div>

Answer 1

我解决了这个问题，数据切换不起作用

在此处添加了打开的 function：

<a type="button" id="modalButton" class="btn btn-primary" data-target="#myModal"  onclick="showmodal ();" >
            Click me
        </a>

并且在这里关闭 function：

<button type="button" class="close" onclick="hidemodal ()">&times;</button>

Added these two within the script tag


function showmodal () {
            $("#myModal").show();
        }
        function hidemodal () {
            $("#myModal").hide();
        }