如何从javascript生成的链接调用百里叶模式片段？

Question

我有一个javascript函数，可以从ajax调用中呈现一个表。

行渲染位是：

function buildTable(id) {
    trHTML = null;
        $.ajax({
            type: "GET",
            url: siteroot + "apiURL" + id,
            data: {},
            dataType: "json",
            cache: false,
            success: function (data) {
                for (i = 0; i < data.length; i++) {
                    trHTML +=
                        '<tr>' +
                            '<td>' + data[i].value +
                            '<a class="pull-right" href="#" data-toggle="modal" data-target="#edit-modal" > ' +
                            '<span class="pull-right glyphicon glyphicon-pencil"></span>' +
                            '</a>' +
                            '</td>' +
                            '<td>' + data[i].text + '</td>' +
                            '<td>' + data[i].description + '</td>' +
                        '</tr>';
                }
                $('#resourceTable').append('<tbody>' + trHTML + '</tbody>');

                },
                error: function (msg) {
                    alert(msg.responseText);
                }
        });
    }

模态定义为：

<div th:replace="../../modals/modal"></div>

我面临的问题是链接在渲染表上，但是当我点击它时，模态不会出现。

我在这里看不到什么？