无法附加到ajax响应的链接

Question

这是从ajax

返回的Html

    <div class="col-md-6">
        <div class="form-group clearfix">

           SOmething Other not important
        </div>
    </div>
    <div id="linkDelte">d</div>
</div>

当我发出这个ajax请求时，我想在div上添加一个链接'linkDelete'

$('#addResourceMineral').on('click', function () {
    $.ajax({
        async: false,
        dataType: 'html',
        url: '@Url.Action("AddResourceMineral", "Application")'
    }).success(function (partialView) {
        alert(partialView);
        var result = $(partialView).find("#linkDelte").append('a href="#">Link</a>');

        $('#resourceMineralDiv').append(partialView);

    });
});

但它不起作用

Answer 1

您可以尝试以下代码。不添加partialView，而是附加result对象。

$('#addResourceMineral').on('click', function () {
    $.ajax({
        async: false,
        dataType: 'html',
        url: '@Url.Action("AddResourceMineral", "Application")'
    }).success(function (partialView) {
        var result = $(partialView).find("#linkDelte").append('a href="#">Link</a>');

        $('#resourceMineralDiv').append(result);

    });
});