jQueryでそれを行うハッキングされた方法を見つけました...しかし、私はまだより良い解決策を求めています。
jQuery:
var tab_list = {
'orders-tab' : '{% url orders_list %}',
'users-tab' : '{% url users_list %}',
'vendors-tab': '{% url vendors_list %}',
'places-tab' : '{% url places_list %}'
}
$(document).ready(function() {
for(var property in tab_list) {
if('{{ request.path }}' == tab_list[property]) {
$('#' + property).addClass('active-tab')
break
}
}
})
HTML:
<ul id="tabs" class="fl">
<li><a href="#" id="dashboard-tab" class="dashboard-tab">Dashboard</a></li>
<li><a href="{% url orders_list %}" id="orders-tab">Orders</a></li>
<li><a href="{% url users_list %}" id="users-tab">Users</a></li>
<li><a href="{% url vendors_list %}" id="vendors-tab">Vendors</a></li>
<li><a href="{% url places_list %}" id="places-tab">Places</a></li>
</ul>