Question

我使用bootstrap寻呼机进行分页。出于某种原因，我通过分页功能为寻呼机做准备。当我把<ul class="pager">放在分页类中。它不起作用而变得混乱。我删除了分页，寻呼机工作正常。我正在动态生成我的链接，如下所示。

<ul class="pager">
     <li class="previous disabled"><a href="#">&larr; Previous</a></li>
       <li class="disabled"><span>&laquo;</span></li>
       <li>@Html.PageLinks(Model.PagingInfo, x => Url.Action("List", new {page = x}))</li>
     <li><a href="#">&raquo;</a></li>
    <li class="next"><a href="#"> Next &rarr;</a></li>
</ul>

我的PageLinks是下面的html帮助器。

public static MvcHtmlString PageLinks(this HtmlHelper html,
                                              PagingInfo pagingInfo,
                                              Func<int, string> pageUrl)
        {
            StringBuilder result = new StringBuilder();
            for (int i = 1; i < pagingInfo.TotalPages; i++)
            {
                TagBuilder tag = new TagBuilder("a"); //Construct an <a> tag
                tag.MergeAttribute("href", pageUrl(i));
                tag.InnerHtml = i.ToString();
                if (i == pagingInfo.CurrentPage)
                    tag.AddCssClass("active");

                result.Append(tag.ToString());

            }

            return MvcHtmlString.Create(result.ToString());

        }

我的问题是我想设置从htmlhelper方法返回的活动选择属性。我想在活动时改变颜色。尝试添加

<style type="text/css">
.li .active{
    background-color : blue
}
</style>

到我的布局标题。这是行不通的。尝试一切只是为了获得效果，但它失败了。我尝试添加到我的bootstrap.css bcos我注意到.pager下没有活动属性。它也没有回应。请问我该怎么做？我如何使它工作？任何帮助将不胜感激。

更新

实际上我想使用分页类，但它完全不起作用。我尝试默认示例但它不起作用。当我尝试引导带的默认示例时，这就是它的显示方式。但是，寻呼机类工作，所以我没有选择使用寻呼机。

Answer 1

尝试这个html和css代码我可以提供帮助。

    .pager li.active > a, .pager li.active > span{
        background-color:#eee;
        pointer-events:none;
    }

HTML

<div class="pagination pagination-large">
    <ul class="pager"><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li></ul>
</div>

Live Demo

在bootstrap pager中设置活动页面（分页）

1 个答案: