[英]Jquery doesn't load content on first click
我有一個簡短的腳本,可將給定鏈接的內容加載到元素中。 內容取決於單擊的鏈接的ID。 我面臨的問題是,它永遠不會在第一次單擊時加載內容。 我需要單擊另一個主鏈接,然后才加載。 讓您告訴我我所擁有的:
<div class="mainTabs">
<ul>
<li class="activeTab"><a href="#skills">Skills</a></li>
<li id="secondTab"><a href="#certificates">Certificates</a></li>
</ul>
<div class="tabsContent">
<div id="skills" class="tab active">
{% include "./_skills.html" %}
</div>
<div class="tab" id="certificates">
{% include "./_certsList.html" %}
</div>
</div>
jQuery是:
$(document).ready(function(){
$('.textBox h3').load("{% url 'aboutme' %}");
$('.row li').on('click', function(e){
e.preventDefault();
$('.activeSkill').removeClass('activeSkill');
$(this).find('a').addClass('activeSkill');
var link = $(this).find('a').attr('href');
$('.textBox h3').load(link);
});
});
假設我點擊“證書”。 僅當我單擊另一個鏈接后,才開始加載下面的頁面。 這可能是什么問題?
我在沒有完整示例的情況下難以理解,但是我對此的解釋是邏輯似乎是錯誤的:
以下行從DOM中刪除了所有“ activeSkill”類。
$('.activeSkill').removeClass('activeSkill');
下一行將'activeSkill'類添加到所單擊的<li>
下的<a>
。
$(this).find('a').addClass('activeSkill');
您能解釋一下activeSkill
的作用是什么? 另外,您是否不應該在選定的選項卡<div>
上設置active
類,並將其從當前活動的<div>
刪除?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.