Question

我正在使用load方法将多个页面加载到div中。当用户点击带有类名的href的链接时，该函数应该将该页面中的特定div加载到#reveal div中。我只能让它与一个页面一起工作。我正在使用回调尝试使用load方法加载多个页面，但它不起作用。我是否必须设置某种类型的参数？我想使用load方法，因为我可以调用特定的div并只加载我需要的东西。

<script type="text/javascript">
    $(document).ready(function() {
      $( '#show ul li a' ).click(function() {

        $( '#reveal' ).load( 'test.html .' + $(this).attr('href'), function() {
          $( '#reveal' ).load( 'page.html .' + $(this).attr('href'));

          });
          return false;
        });  
    }); 
</script>

Answer 1

您的代码存在一些问题。

您不希望将'test.html'或'page.html'连接到$(this).attr('href')。您只想加载$(this).attr('href')。
你在第一次加载的回调中调用第二个加载并覆盖<div>中的html。我不认为这就是你所追求的。

我认为你过度复杂，你可以将代码简化为此。

$(document).ready(function() {
  $( '#show ul li a' ).click(function() {
      $( '#reveal' ).load( $(this).attr('href') );
    });  
});

.load方法回调无效

1 个答案: