Question

我正在使用jQuery 3.2.1和此代码

// /js/main.js

$(function () {

  var targetId = 'about';

  var container = $('#pages').find('.active').removeClass('active').end()
                             .find('#' + targetId).addClass('active');

  console.log(container, container.load);

  if (!container.data('loaded')) {
    container.load('/pages/' + targetId + '.html');
  }

});

产生此错误

Uncaught TypeError: container.load is not a function

container和container.load的输出为

[div#about.tab-pane.active, prevObject: r.fn.init(1)] undefined

我不明白为什么会收到此错误。

修改

我不知道为什么人们想要HTML，但这里是相关的部分

<!DOCTYPE html>
<html lang="en">
  <head>

  </head>
  <body>
    <div class="container">

      <!-- Tab panes -->
      <div id="pages" class="tab-content">
        <div role="tabpanel" class="tab-pane default" id="about"></div>
      </div>

    </div><!-- /.container -->

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
    <script src="/js/main.js"></script>
  </body>
</html>

jQuery .load不是一个函数

修改

0 个答案: