Question

我实现了以下自定义视图

<div class="tabbable">
    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" data-target="tab1">Section 1</a></li>
        <li><a data-toggle="tab" data-target="tab2">Section 2</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <p>I'm in Section 1.</p>
        </div>
        <div class="tab-pane" id="tab2">
            <p>Howdy, I'm in Section 2.</p>
        </div>
    </div>
</div>

<script>
    $( function() {
        $('.nav-tabs a').click(function(){
            console.log(this);
            $(this).tab('show');
        });
    } );
</script>

选项卡显示正确，但是当我单击tab2时，选项卡不会更改为tab2的内容。显示Console.log。有什么帮助吗？

Answer 1

IDs中提供的data-target每个都缺少一个前导#。 data-target属性的值被解析为jquery选择器。

<li class="active"><a data-toggle="tab" data-target="#tab1">Section 1</a></li>
<li><a data-toggle="tab" data-target="#tab2">Section 2</a></li>

Sugarcrm 7带标签的自定义视图

1 个答案: