Question

我正在网核中构建一个管理帐户页面。我有一个菜单，我正在尝试从用户点击的每个菜单上的其他页面加载内容到指定的div。如何将该方法用于多个页面？

$(document).ready(function() {
      $( '#show ul li a' ).click(function() {

      //$( '#reveal' ).load( '/account/login .' + $(this).attr('href'));
        $( '#reveal' ).load( '/account/enable2fa .' + $(this).attr('href'));
          return false;
        });  
    }); 

<main id="show">    
   <ul>
     <li class="manage-menu"> <a href="main-login">update password</a></li>
     <li class="manage-menu"> <a href="google-factor">manage 2fa</a></li>
     <li class="manage-menu"> <a href="send">send</a></li>
     <li class="manage-menu"> <a href="test1">test</a></li>
     <li class="manage-menu"> <a href="test2">test</a></li>
     <li class="manage-menu"> <a href="test3">test</a></li>
   </ul>
</main>

<div id="reveal"></div>

我评论了一条线，因为当我以这种方式尝试它时，它无法正常工作。它只会显示一半的时间或闪烁并消失。对于我正在努力实现的目标，加载方法是否过于庞大？

Answer 1

尝试在浏览器中加载网络面板，看看它是否正确发出请求。如果你有两个load语句同时触发，并且它们正确地将它发送到服务器，那么它可能胜过另一个。

它还取决于这些页面中内容的内容，这可能是加载的一个因素。

如何使用.load方法获取多个页面

1 个答案: