首页 > 代码库 > 一个关于A标签和分页的怪问题!

一个关于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=http://www.mamicode.com/"@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=http://www.mamicode.com/"#" class="btn btn-default">拨号</a>
                                        <a href=http://www.mamicode.com/"#" class="btn btn-default">编辑</a>
                                    </div>
                                }

                            </div>

 

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