hasClass动态变量不起作用

Question

我写了下面的代码，但它不起作用。请提供建议

<ul>
     <li><a href="#tab_1" data-toggle="tab">DANCE</a>
    <li><a href="#tab_1" data-toggle="tab">ABOUT</a>
</ul>

<a href="#" cta-view-action="tabs:previewBtn" class="white-link globalPreview ABOUT" style="display: none;">Preview</a>

$('a[data-toggle="tab"]').on('click', function (e) {
  if($('.globalPreview').hasClass($(this).text())){
     $('.globalPreview').show();
  }
});

这是这个工作代码的jsfiddle

Demo Working Code