使用jquery设置默认复选框不在modal bootstrap

Question

我有一个按钮，当它被点击时，bootstrap模式似乎更新了一些信息并设置了以前记录在数据库中的信息。但是当我想使用jQuery在bootstrap模式中设置checkbox时，它并不起作用。

<div class="modal fade" id="modalUpdate" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header bgm-blue">
            <h4 class="modal-title text-center">Share Link</h4>
        </div>
        <div class="modal-body">
            <form data-request="onUpdateLink">
                <div class="form-group">
                    <label class="">Link</label>
                    <input type="text" class="form-control" id="modal-link" value="" name="link"/>
                </div>
                <div class="form-group">
                    <label class="">Message</label>
                    <textarea class="summernote" name="message" id="modal-message"></textarea>
                </div>
                <div class="form-group">
                    <label class="checkbox" for="modal-published">
                        <input type="checkbox" name="published" id="modal-published" data-toggle="checkbox"
                               class="custom-checkbox">
                        Show
                    </label>
                </div>
                <input type="text" value="" id="modal-id" name="id" hidden/>
                <button type="submit" class="btn btn-primary btn-lg btn-block" href="#">Update</button>
            </form>
        </div>
    </div>
</div>

这是我的jQuery代码：

function detail(data) {
    var row = jQuery.parseJSON(data.result);

    $('.summernote-notes').summernote({
        height: 200,
        tabsize: 2,
        direction: 'rtl'
    });

    $('#modal-id').val(row.id);
    $('#modal-link').val(row.link);
    $('#modal-message').summernote('code', row.content);
    $('#modal-published').prop('checked', row.published);

    $("#modalUpdate").modal();
}

任何建议都将不胜感激。谢谢！