选项卡无法通过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

我在你的CodePen中添加了jQuery，它运行正常。将jQuery添加到页面的头部：

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