码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-05-13 20:09:41      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:查询   phone   rip   pre   target   bootstrap   nbsp   value   做了   

用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标签和分页的怪问题!

标签:查询   phone   rip   pre   target   bootstrap   nbsp   value   做了   

原文地址:http://www.cnblogs.com/kismet82/p/6849970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!