joomla 3 中的模态窗口

Question

也许我的问题的解决方案已经在网站上，但不幸的是，我没有找到它......因此，如果我重复了这个问题，我深表歉意。 帮助我解决专注于按钮的问题。

<a href="#myModal" id="openModalButton" class="btn btn-primary" tabindex="-1" data-toggle="modal">Дізнатись ціну</a>

此按钮是在 joomla 3 中创建的

<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Отримати консультацію</h5>
            </div>
            <div class="modal-body">
                <!-- Здесь может быть ваш контент для модального окна -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
            </div>
        </div>
    </div>
</div>

这是一个按钮打开的模式窗口， 当窗口关闭时，焦点仍保留在按钮上，这不好。我尝试使用 JS 删除它，但不幸的是没有任何帮助，请帮忙。

<div id="elementToFocus">

</div>

<script>

    $('#myModal').on('hidden.bs.modal', function () {

        $('#elementToFocus').focus();

        $('#openModalButton').blur();
    });
</script>

这是我尝试的最后一件事 没有任何效果

Answer 1

一种可能的方法是向打开模式的按钮添加

data-dismiss="modal"

属性，如下所示

<a href="#myModal" id="openModalButton" class="btn btn-primary" data-toggle="modal" data-dismiss="modal" tabindex="-1">
    Дізнатись ціну
</a>