Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/apache-spark/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 关闭模式窗口后,防止页面滚动回顶部_Javascript_Jquery - Fatal编程技术网

Javascript 关闭模式窗口后,防止页面滚动回顶部

Javascript 关闭模式窗口后,防止页面滚动回顶部,javascript,jquery,Javascript,Jquery,当模式窗口关闭时,我如何防止页面滚动回到页面顶部?我需要它保持在同一个位置作为一页的文字,你最终失去了你所在的位置。我有这个工作,但由于一些奇怪的原因不再工作。 谢谢 页面调用一个PHP请求,该请求经过while循环,并显示单击时显示其他信息的句子。这将显示在模式窗口中 while ($row = $result->fetch_assoc()) { ?> <a href="#" class="nojump" id="mymodal" onclick="showModal(t

当模式窗口关闭时,我如何防止页面滚动回到页面顶部?我需要它保持在同一个位置作为一页的文字,你最终失去了你所在的位置。我有这个工作,但由于一些奇怪的原因不再工作。 谢谢

页面调用一个PHP请求,该请求经过while循环,并显示单击时显示其他信息的句子。这将显示在模式窗口中

while ($row = $result->fetch_assoc())
{ ?> 
<a  href="#" class="nojump" id="mymodal" onclick="showModal(this)"  
style="font-size:16px;"  title="<? echo  $row ['title']  ?> 
 by
 <? echo $row ['author'] ?>" ><? echo $row ['first_line'] ?> </a>


<script>
  function showModal(el) {
    jQuery("#myModalLabel").text(el.title);
    jQuery("#myModal").modal()
  }

</script>
<script>
  jQuery('a.nojump').click(function(e)
  {
    // Cancel the default action
    e.preventDefault();
  });
</script>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
   <div class="modal-dialog" role="document">
      <div class="modal-content">  
         <div class="modal-header">    
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
            </button>
         </div>  
         <div class="modal-body">   
            <h4 class="modal-title" id="myModalLabel">Modal title</h4>  
         </div>  
         <div class="modal-footer">    
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
    </div>
  </div>
</div>
while($row=$result->fetch_assoc())
{ ?> 
功能显示模式(el){
jQuery(“myModalLabel”).text(el.title);
jQuery(“#myModal”).modal()
}
jQuery('a.nojump')。单击(函数(e)
{
//取消默认操作
e、 预防默认值();
});
&时代;
情态标题
接近
更新: 我更新了这个,这是你想要的吗

HTML:

 <a  href="#myModal" class="nojump" style="font-size:16px;" title="title" data-toggle="modal">click me</a>

检查此项我根据问题重新创建它正常工作没有什么奇怪的。抱歉。意识到该表是非常无用的信息。添加了while语句来调用函数why you need onclick=“showmodel(this)”这是有线的,因为您已经有了一个单击事件。
jQuery('a.nojump').click(function(e) {  
      e.preventDefault();
      console.log('do something here')
    });