引导模式框正在AEM中消失

Question

这是我的引导模式html代码。它在我的本地浏览器中按预期工作，但当我在AEM中运行时，模式框会出现一秒钟，然后消失。我在stackoverflow上读了很多答案，但没有一个对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

我修复了这个问题，数据切换不起作用

此处添加了打开功能：

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

这里的关闭函数：

<button type="button" class="close" onclick="hidemodal ()">&times;</button>
Added these two within the script tag

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