一个关于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>