jQuery UI - 在点击时加载标签内容

Question

我正在使用jQuery UI标签，我只想在点击时加载标签内容。我试图阻止加载非活动标签的内容，以减少页面加载时间。

我尝试了很多东西，但是我无法做到这一点。

JSFIDDLE

$('.tabs .tab-links a').on('click', function (e) {
  var currentAttrValue = jQuery(this).attr('href');

  $('.tabs ' + currentAttrValue).fadeIn(1800).siblings().hide();

  $(this).parent('li').addClass('active').siblings().removeClass('active');

  e.preventDefault();
});

谢谢