javascript - 弹出jQuery模式后自动向上滚动

用户单击列表中的图标后，我弹出jQuery模态。列表可能很大，因此用户必须向下滚动才能看到完整列表。
当我单击该图标时，模态弹出在该屏幕的中间，然后我的浏览器向上滚动到页面顶部。

如何防止浏览器向上滚动？

的HTML

<div class="lista">
    <table class="table3">
        <tbody>
            <?php
            foreach ($predmeti as $obj){
             ?>
            <tr>
                <td><a href="#" onClick="popModal();"><img src="link"></a>
            </tr>
             <?php
            }
            ?>
        </tbody>
    </table>
</div>

js / jQuery

function popModal(){
    $( "#foo" ).dialog({
      open: function ( event, ui) { /* some code */ },
      resizable: false,
      height:230,
      width: 230,
      modal: true,
      buttons: {
        "Change": function() { /* some code */},
        "Close": function() {
          $( this ).dialog( "close" );
        }
      }

    });
}

而且我有foo div块来显示数据。

最佳答案

找到解决此问题的2种方法。

第一：

将event.preventDefault();添加到popModal（）;功能。

第二名：

在调用函数的HTML部分中添加了onclick = "popModal(); return false;"。
功劳归功于灭绝者。

希望这对其他人有帮助。

关于javascript - 弹出jQuery模式后自动向上滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20024601/