无法调用内容？解决 JavaScript 代码加载问题

<script src='plugins/jquery/jquery.min.js'></script>
<p>&lt;a href='#' onclick='menuInfo('class.html')' class='nav-link active'&gt;点击加载</a></p>
<script>
    function menuInfo(a) {
        $('#info').load(a);
    }

    $(document).ready(function() {
        menuInfo('class.html');
    });
</script>
<p><strong>原因分析：</strong></p>
<p>您的代码存在一些问题，导致无法正常调用内容。主要问题包括：</p>
<ul>
<li><strong><code>onclick</code>属性使用错误：</strong> 在<code>&lt;a&gt;</code>标签的<code>onclick</code>属性中，应该直接调用<code>menuInfo('class.html')</code>，而不是写成<code>javascript:void(0)</code>。</li>
<li><strong><code>menuInfo()</code>函数参数错误：</strong> 在<code>menuInfo()</code>函数中，应该使用参数<code>a</code>来作为<code>$('#info').load()</code>的参数，而不是直接使用字符串<code>'class.html'</code>。</li>
<li><strong>重复调用<code>menuInfo()</code>函数：</strong> 在<code>$(document).ready()</code>函数中，不需要再次调用<code>menuInfo('class.html')</code>，因为已经在<code>&lt;a&gt;</code>标签的<code>onclick</code>属性中调用了。</li>
</ul>
<p><strong>解决方案：</strong></p>
<ol>
<li>在<code>&lt;a&gt;</code>标签的<code>onclick</code>属性中，直接调用<code>menuInfo('class.html')</code>。</li>
<li>在<code>menuInfo()</code>函数中，使用参数<code>a</code>作为<code>$('#info').load()</code>的参数。</li>
<li>在<code>$(document).ready()</code>函数中，只执行一次<code>menuInfo('class.html')</code>，确保页面加载完成后执行。</li>
</ol>
<p><strong>修正后的代码：</strong></p>
<pre><code class="language-html">&lt;script src='plugins/jquery/jquery.min.js'&gt;&lt;/script&gt;
&lt;a href='#' onclick='menuInfo('class.html')' class='nav-link active'&gt;点击加载&lt;/a&gt;

&lt;script&gt;
    function menuInfo(a) {
        $('#info').load(a);
    }

    $(document).ready(function() {
        menuInfo('class.html');
    });
&lt;/script&gt;
</code></pre>
<p><strong>注意：</strong></p>
<ul>
<li>此代码假设您的<code>class.html</code>文件存在，并且希望将其内容加载到具有<code>id='info'</code>的元素中。</li>
<li>请确保您的HTML结构中包含一个具有<code>id='info'</code>的元素，用于接收加载的内容。</li>
<li>如果您遇到其他问题，请仔细检查您的代码，并根据需要调整相关设置。</li>
</ul>