// 获取对话框元素
const modal = document.getElementById('myModal');

// 显示前的操作函数
function beforeShowModal() {
    // 执行预处理操作
    console.log('即将显示对话框');
    // 可以在这里添加验证逻辑
    return true; // 返回false可以阻止对话框显示
}

// 显示对话框
function showModal() {
    if (beforeShowModal()) {
        modal.style.display = 'block';
    }
}

$(document).ready(function() {
    // 对话框显示前的操作
    $('#myModal').on('show.bs.modal', function (e) {
        // e.preventDefault(); // 可以阻止对话框显示
        
        // 执行预处理操作
        console.log('对话框即将显示');
        
        // 示例：检查条件
        if (!$('#someInput').val()) {
            alert('请先填写必要字段');
            return e.preventDefault(); // 阻止对话框显示
        }
        
        // 可以在这里修改对话框内容
        $(this).find('.modal-body').html('<p>加载中...</p>');
        
        // 异步加载内容示例
        $.get('/api/data', function(response) {
            $(this).find('.modal-body').html(response);
        }.bind(this));
    });
    
    // 触发对话框显示
    $('#showModalBtn').click(function() {
        $('#myModal').modal('show');
    });
});

$('#myModal').on('show.bs.modal', function() {
    $(this).find('.modal-body').html('<div class="spinner">加载中...</div>');
    
    // 异步加载内容
    loadContentAsync().then(content => {
        $(this).find('.modal-body').html(content);
    });
});

$('#myModal').on('show.bs.modal', function() {
    // 确保使用正确的上下文
    const $modal = $(this);
    $modal.find('.content-area').html('新内容');
});