一个关于A标签和分页的怪问题!

Posted kismet82

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个关于A标签和分页的怪问题!相关的知识,希望对你有一定的参考价值。

用bootstrap做了用户电话号码查询的前端页面。

并且用了MVCPager分页。

Bootstrap前端页如下:

一开始使用了用A标签,分页成功后,我进入第二页,点击这个A标签,页面会自动跳转到第一页。相当无解。。想不通。经过和群里高手交流说可能是A标签的问题。。我换成button,问题解决。

其实也可以使用A标签。只需要修改href="javascript:void(0)",就可以了,让A标签不会跳转!

<div class="list-group">

                                @foreach (var tel in item.PhoneNum)
                                {
                                    @*<a class="list-group-item" data-toggle="collapse" data-target="#@tel.Tel">@tel.Tel</a>*@
                                    <input type="button" class="list-group-item" data-toggle="collapse" data-target="#@tel.Tel" value="@tel.Tel"/>
                                    <div id="@tel.Tel" class="collapse">

                                        <a id="addbtn" name="@item.Name" tel="@tel.Tel" add="@if (item.Address != "" && item.Address != null)
                                    {
                                        @item.Address
                                    }" class="btn btn-default">派工</a>
                                        <a href="#" class="btn btn-default">拨号</a>
                                        <a href="#" class="btn btn-default">编辑</a>
                                    </div>
                                }

                            </div>

 

以上是关于一个关于A标签和分页的怪问题!的主要内容,如果未能解决你的问题,请参考以下文章

带有分页的水平滚动视图中的全宽标签

具有总记录和分页的单个 SQL 查询

GridView 控件中使用 LinqDataSource 和分页的总行数

使用具有通用页眉/页脚和分页的 WeasyPrint 生成 PDF

JQueryPagination分页插件,ajax从struts请求数据

保障系统主页分类和分页的实现