我想用金甲粉刷模板。在那里此页上有许多语义ui选项卡。 是模板代码。你知道吗
{% extends "/base.html" %}
{% block content %}
<div class="ui centered cards">
{% for p in plan %}
<div class="ui card">
<div class="ui segment" style="padding:0px;">
<div class="ui top attached tabular menu" id="{{p,id}}">
<a class="item active" data-tab="monthly">monthly</a>
<a class="item" data-tab="quarterly">quarterly</a>
<a class="item" data-tab="annualy">annualy</a>
<a class="item" data-tab="yearly">yearly</a>
</div>
<div class="ui bottom attached tab segment active" data-tab="monthly">
{{p.monthly}}{{p.currency}}
</div>
<div class="ui bottom attached tab segment" data-tab="quarterly">
{{p.monthly}}{{p.currency}}
</div>
<div class="ui bottom attached tab segment" data-tab="annualy">
{{p.monthly}}{{p.currency}}
</div>
<div class="ui bottom attached tab segment" data-tab="yearly">
{{p.monthly}}{{p.currency}}
</div>
</div>
</div>
{%endfor%}
</div>
</body>
<script>
$('.menu .item')
.tab()
;
</script>
</html>
{% endblock %}
附言:我已经介绍了语义基本.html你知道吗
{%for p in plan%}:当有多个目标要遍历时,呈现页的选项卡不能单独切换。你知道吗
我仔细阅读了jquery和semantivui文档。 然后我仔细地做了实验,发现了TAB的工作原理。 然后编写了以下javascript代码。我成功地为TAB实现了一个单独的开关。你知道吗
相关问题 更多 >
编程相关推荐