Twitter bootstrap 引导选项卡的Coldfusion动态输出

Twitter bootstrap 引导选项卡的Coldfusion动态输出,twitter-bootstrap,dynamic,coldfusion,tabs,Twitter Bootstrap,Dynamic,Coldfusion,Tabs,有人能告诉我为什么引导选项卡的代码不起作用吗?选项卡是可见的,并且鼠标以正常方式移动,但是当我单击它们时什么也没有发生 <div role="tabpanel"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-

有人能告诉我为什么引导选项卡的代码不起作用吗?选项卡是可见的,并且鼠标以正常方式移动,但是当我单击它们时什么也没有发生

    <div role="tabpanel">

    <!-- Nav tabs -->
      <ul class="nav nav-tabs" role="tablist">
      <li role="presentation" class="active"><a href="#home" aria-       controls="home" role="tab" data-toggle="tab">Home</a></li>
    <cfoutput query="lessons" group="lesson_date">
    <cfset day = #DatePart('d', lesson_date)#>  
         <li role="presentation"><a href="###day##" aria-controls="##day#"   role="tab" data-toggle="tab">#DateFormat(lesson_date, 'ddddd')#,   #DateFormat(lesson_date, 'd')# #DateFormat(lesson_date, 'mmmm')#</a></li>
     </cfoutput>    
      </ul>

    <!-- Tab panes -->
      <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">Home</div>    
        <cfoutput query="lessons" group="lesson_date">
        <cfset day = #DatePart('d', lesson_date)#> 
        <div role="tabpanel" class="tab-pane" id="#day#">test</div>
        </cfoutput>
      </div>

    </div>

家 测试
查看源代码时,相关id显示正常

    <div role="tabpanel">

    <!-- Nav tabs -->
      <ul class="nav nav-tabs" role="tablist">
      <li role="presentation" class="active"><a href="#home" aria- controls="home" role="tab" data-toggle="tab">Home</a></li>

        <li role="presentation"><a href="#22 aria-controls=22" role="tab" data-toggle="tab">Friday, 22 May</a></li>

        <li role="presentation"><a href="#23 aria-controls=23" role="tab" data-toggle="tab">Saturday, 23 May</a></li>

        <li role="presentation"><a href="#24 aria-controls=24" role="tab" data-toggle="tab">Sunday, 24 May</a></li>

       </ul>

    <!-- Tab panes -->
       <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">Home</div>    

        <div role="tabpanel" class="tab-pane" id="22">test</div>

        <div role="tabpanel" class="tab-pane" id="23">test</div>

        <div role="tabpanel" class="tab-pane" id="24">test</div>

      </div>

    </div>

家 测试 测试 测试
问题在于:

问题在于:


感谢您的评论,但按照您的建议执行会抛出错误“在第76列第215行找到无效的CFML构造”。正如我现在看到的,您可以在源代码中看到href和aria控件似乎输出正确。我修复了代码中的打字错误,抱歉。href和aria控件在源代码中输出不正确。href没有正确关闭,aria控件也没有正确打开。天哪!我想我试过了所有的哈希组合!非常感谢安东尼!用于创建锚点的双哈希使您感到不安。当您想要输出散列时,可以通过加倍来转义它。根据您的IDE,这可能会混淆语法高亮等。感谢您的评论,但按照您的建议执行会抛出错误“在第76列的第215行找到无效的CFML构造”。正如我现在看到的,您可以在源代码中看到,href和aria控件似乎输出正确。对不起,我修复了代码中的打字错误。href和aria控件在源代码中输出不正确。href没有正确关闭,aria控件也没有正确打开。天哪!我想我试过了所有的哈希组合!非常感谢安东尼!用于创建锚点的双哈希使您感到不安。当您想要输出散列时,可以通过加倍来转义它。根据您的IDE,这可能会混淆语法高亮等。