Bootstrap 个选项卡的 Coldfusion 动态输出

Question

谁能告诉我为什么 bootstrap 标签的这段代码不起作用？这些选项卡是可见的，并且鼠标悬停在正常方式上，但是当我点击它们时没有任何反应？

    <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>

Answer 1

问题出在这里：

<a href="###day##" aria-controls="##day#"...

第一个变量后的哈希值过多。应该是：

<a href="###day#" aria-controls="#day#"...

这应该会输出一个函数 link:

<li role="presentation"><a href="#22" aria-controls="22"...

Bootstrap 个选项卡的 Coldfusion 动态输出

Coldfusion dynamic output of Bootstrap tabs

coldfusion

tabs

dynamic

twitter-bootstrap