时间戳

首页 > 解决方案 > Jquery setinterval 刷新的 ajax 函数打破了下拉列表

javascript - Jquery setinterval 刷新的 ajax 函数打破了下拉列表

问题描述

我有一个 jquery，它每秒刷新数据表中的值，下面的代码会破坏下拉列表

$(document).ready(function(){
     fetch_coinprices()

     setInterval(function(){
     fetch_coinprices() // this will run after every 5 seconds
}, 1000);


 function fetch_coinprices()
 {
  
 }



});
//Dropdown
<li class="nav-item dropdown header-profile">
                        <a class="nav-link" href="#" role="button" data-toggle="dropdown">
                            <img src="{{ asset('images/profile/G-logo.png') }}" width="20" alt=""/>
                            <div class="header-info">
                                <span id='userid'>{{ Auth::id() }}</span>
                                <small>Admin</small>
                            </div>
                        </a>
            </li>

当它每秒使用 ajax 刷新数据表时，会导致页面出现一些问题。

就像你去下拉（data-toggle =“dropdown”）一样，它会停止它，你必须再次打开它，因为每 1 秒你就无法操作。

当然，作为一种解决方法，我可以增加时间，但如果您有更优雅的方式来处理此问题，我将不胜感激？

标签： javascriptjqueryajax

解决方案

推荐阅读