解决Bootstrap模态框在局部视图中首次打开后无法再次弹出的问题

<div class="study-container">
    <!-- ... header ... -->
    <div class="rows-container">
        @foreach (var item in Model)
        {
            <div class="row study-grid-row jsTableRow" id="@item.Id" ondblclick="openEditStudyModal(@item.Id)">
                <!-- ... row content ... -->
            </div>
        }
    </div>
</div>

$(document).ready(function () {
    // 模态框关闭事件处理
    $('#editStudyModal').on('hidden.bs.modal', function () {
        $(this).removeData('bs.modal'); // 移除Bootstrap为模态框存储的数据
        $('#editStudyModal .modal-body').html(''); // 清空模态框内容
    });

    // 触发模态框打开的函数
    function openEditStudyModal(id) {
        // 潜在问题：这里试图从`this`获取ID，但`this`的上下文可能不正确
        var id = $(this).attr('id'); // 这一行是问题所在！
        var url = '@Url.Action("Details","Studies")'; // ASP.NET MVC URL助手
        $.ajax({
            url: url,
            type: 'post',
            data: { "id": id }, // 这里的`id`可能已经被上面一行错误地覆盖
            success: function (data) {
                $('#editStudyPopup').html(data); // 假设这是模态框内容容器
                $('#editStudyModal').modal("show");
            }
        });
    }
});