如何防止跳转到页面顶部

时间:2016-07-04 00:17:18

标签: javascript jquery

不确定我为什么遇到这个问题。这只发生在移动IOS设备上。每次点击,它都会跳到页面顶部

var thisImageClick = '<i class="fa fa-times-circle" data-placement="left" title="Remove Player" style="cursor:pointer" onclick="removeStarter(\''+positionID+'\'); return false;"></i>';

我尝试添加     返回false;

但那不会有任何想法吗?

这是removeStarter函数

            function removeStarter(positionID){
                previousLineupTab = currentLineupTab;
                switch(positionID) {
                    case "QB": currentLineupTab=0; break;
                    case "RB1":
                    case "RB2": currentLineupTab=1; break;
                    case "WR1":
                    case "WR2":
                    case "WR3": currentLineupTab=2; break;
                    case "TE": currentLineupTab=3; break;
                    case "FLEX": currentLineupTab=4; flexPlayer=""; break;
                    case "D": currentLineupTab=5; break;
                }
                var pid = starterArray[positionID];
                starterArray[positionID]='';
                sourceList["pid_"+pid].Selected = false;
                populateStarters(false);
                showLineupTab(currentLineupTab,false,false);
            }

2 个答案:

答案 0 :(得分:1)

考虑不直接在元素上使用onclick,您可以使用jquery函数将此操作作为事件侦听器执行。

但考虑到您不会更改实际解决方案,您可以采取以下措施:

<i class="fa fa-times-circle" data-placement="left" title="Remove Player" style="cursor:pointer" onclick="removeStarter(\''+positionID+'\'); return false;"></i>

参考:http://biostall.com/page-jumping-to-top-when-clicking-link-containing-click-event/

答案 1 :(得分:0)

当您进入锚点(<a></a>)时会发生这种情况。如果是,请执行<a href='#0'></a>