Как получить атрибут данных в jqxTabs
У меня следующая структура jqxTabs, я хочу получить значение атрибута данных при нажатии на заголовок вкладки. Есть ли способ, откуда я могу получить значение атрибута данных?
<div class="jqxCustomTab" id="genReport">
<ul class="jqxTabNav">
<li data-target="jqxTab1">Tab 1</li>
<li data-target="jqxTab2">Tab 2</li>
<li data-target="jqxTab3">Tab 3</li>
<li data-target="jqxTab4">Tab 4</li>
</ul>
<div class="jqxTabPanel" id="jqxTab1">Tab 1 content</div>
<div class="jqxTabPanel" id="jqxTab2">Tab 2 content</div>
<div class="jqxTabPanel" id="jqxTab3">Tab 3 content</div>
<div class="jqxTabPanel" id="jqxTab4">Tab 4 content</div>
</div>
Ниже приводится инициализация jqxTabs и код tabClick. На tabClick я хочу получить значение атрибута данных (data-target).
В следующем коде я получаю текст заголовка вкладки, но я не хочу заголовка.
$('#genReport').jqxTabs({
theme : "arctic",
keyboardNavigation : false
}).on('tabclick', function(event) {
var item = event.args.item;
var title = $('#genReport').jqxTabs('getTitleAt', item);
switch (title) {
case "Tab 1":
initTab1Content();
break;
case "Tab 2":
initTab2Content();
break;
case "Tab 3":
initTab3Content();
break;
case "Tab 4":
initTab4Content();
break;
}
});