选项卡无法通过PHP循环

Question

我正在尝试编写可用于遍历PHP的简单标签，但是它不起作用。 我不确定为什么。 您可以在这里查看：

http://codepen.io/anon/pen/LbEJqx

$(document).ready(function() {

$('ul.tabs li').click(function() {
var tab_id = $(this).attr('data-tab');

$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');

$(this).addClass('current');
$("#" + tab_id).addClass('current');
})
})

当我通过php循环时，它会中断。 有谁知道如何解决这一问题？

Answer 1

我将jQuery添加到您的CodePen中，并且效果很好。 将jQuery添加到页面的顶部：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>