0

我有一个部分视图，显示列表中的许多搜索结果。出于美学原因，我将结果显示为每行两个列表项：

清单项目 1 | 清单项目 2

清单项目 3 | 清单项目 4

ETC....

我正在使用 PagedList 实现分页，因为它是部分视图，所以我使用Ajax.ActionLinks 来导航每个“分页列表”。例如：

@Ajax.ActionLink("<<", "GetAllProperties", new { page = 1 }, new AjaxOptions { UpdateTargetId = "quick-property-search-results" })

当页面加载时，列表中的所有项目都会正确显示 - 每行两个列表项目。但是，当我单击时Next >，会显示下一个项目，但格式会消失，如下所示：

清单项目 1

清单项目 2

清单项目 3

ETC...

我尝试将实际上为我提供每行两个列表项布局的 css 类作为 html 属性传递给 ActionLinks，但它没有帮助。

有谁知道是什么导致了这种行为 - 以及如何补救？

编辑：添加了 css 类和 razor 代码。

.result-container { 
    border: 3px solid #999;
    padding: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 563px; 
    float: left; 
    height:130px;
}


@foreach (var result in Model)
{
    <div class="result-container">
    // output model data...
    </div>
}
4

1 回答 1

0

@Ajax.ActionLink 生成的标记是什么样的？我猜这是在您的 ajax 调用之后绑定到您的动态内容的问题。在 jquery 中，您将使用 .on 事件与 .click 事件。

于 2013-04-12T16:33:41.403 回答