我有一个模态弹出后，有时不是当我点击一个按钮，但我想永久关闭模态，并设置在一个本地存储，如果该特定用户不想看到模态了。
这是我编写的代码，用于尝试

<script>
    $(function() {
        const showModal = localStorage.getItem("modal") === null;
        $(".modal").toggleClass("d-none")
        $(".modal_close").on("click",function() {
            localStorage.setItem("modal","seen");
            $(this).closest(".modal").addClass("d-none")
        });
    })    
</script>

模态

<div class="modal  fade" style="background: rgba(0, 0, 0, 0.548);" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content animate-grad text-white">
            <div class="modal-header text-center">
                <h5 class="modal-title " style="text-align: center;" id="exampleModalLabel"><strong>{{follow_us.title}}</strong></h5>
                <p style="border-top: 1px solid white;"></p>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            {% if follow_us.content %}
            <div class="modal-body">
              <p>{{ follow_us.content }}</p>
            </div>
            {% endif %}
            <div class="d-flex text-white">
                
            </div>
            <div class="modal-footer w-100">
               
                <a  style="cursor: none;" class="modal_close close"> Do not show this again.</a>
            </div>
            </div>
        </div>
    </div>

我想在单击“不再显示”按钮时永久关闭模态。如何实现？