Question

我目前遇到的问题是，当jQuery Load被调用时，之前可更新的元素不再可更新，它将恢复到其原始状态，虽然它仍然可访问且可更新，但屏幕上的视觉效果不会改变。 / p>

元素位于布局页面的局部视图中。正在通过<li>菜单项中的单击调用load事件。然后调用load并尝试在购物车中获得可能的更改。

enter image description here

部分查看代码

<div id="cart" style="float:right;clear:right;margin-top:31px;height:21px;">
    <span>
        <a href='/ShoppingCart/ShoppingCart'><img style='height:16px;margin-bottom:5px;' src='../Content/images/cartImage.gif' alt='cart' />0 Total : 0</a> 
    </span>
</div>

布局代码

function GetCart() {
    var url = "/ShoppingCart/GetCartAmount/";
    $.ajax({
        url: url,
        data: {},
        cache: false,
        type: "POST",
        success: function (result) {
            var markup = "<span> <a href='/ShoppingCart/ShoppingCart'><img style='height:16px;margin-bottom:5px;' src='../Content/images/cartImage.gif' alt='cart'/></a> " +
                result.ItemCount + "  Total: " + result.Total + "</span>";

            $("#cart").html(markup);
            alert($('#cart').html());

            alert("after set");
        },
        error: function (reponse) {
            alert("error : " + reponse);
        }
    });
}

Ajax代码与其他处理功能相同。

$.ajax({
    url: data.redirectUrl,
    dataType: "html",
    success: function (responseText) {
        var tempDiv = $.parseHTML(responseText);
        $("#result").html(tempDiv).show();
    }
});
 GetCart();

控制器代码

<HttpPost()>
Function GetCartAmount() As ActionResult
        Dim ItemCount = GetCart().Count
        Return Json(New With {.Total = GetCartTotal().ToString, .ItemCount = ItemCount})
End Function

Public Function GetCart() As List(Of WebItemModel)
        Dim retValue As New List(Of WebItemModel)
        If Session("Cart") IsNot Nothing Then
            retValue = DirectCast(Session("Cart"), List(Of WebItemModel))
        End If
        Return retValue
End Function

如果需要提供更多代码，请告诉我。我没有发布它，因为它占用了太多的空间，可能会让人感到困惑。另外，为了说明它最初在jQuery加载发生之前有效。

Answer 1

我终于按照以下方式开始工作了

function GetCart() {
    var url = "/ShoppingCart/Cart/";

    var $partialDiv = $('#PartialCart div')

    $.get(url, function (data) {
         $partialDiv.replaceWith(data);
    });
}

现在看起来工作完美了，替换为我做了诀窍。

控制器代码

Public Function GetCart() As List(Of WebItemModel)
        Dim retValue As New List(Of WebItemModel)
        If Session("Cart") IsNot Nothing Then
            retValue = DirectCast(Session("Cart"), List(Of WebItemModel))
        End If
        Return retValue
End Function

在调用jQuery load或$ .ajax之后，数据类型html元素不会更新

1 个答案: