Question

我試圖將Bootstrap 3面板動態添加到手風琴。我下面的（相關）代碼給出：

<div class="panel-group" id="queues-accordion"> 
</div> 

和JS代碼：

$("#addqueuebutton").on("click",function(){ 
    var queue = '<div class="panel panel-default">'; 
    queue += '<div class="panel-heading">'; 
    queue += '<h4 class="panel-title">'; 
    queue += '<a data-toggle="collapse" data-parent="queues-accordion" href="collapse1">' + $('#queuename').val() + '</a>'; 
    queue += '</a>'; 
    queue += '</h4>'; 
    queue += '</div>'; 
    queue += '<div id="collapse1" class="panel-collapse collapse in">'; 
    queue += '<div class="panel-body">' + This is a test + '</div>'; 
    queue += '</div>'; 
    queue += '</div>'; 
    $('#queues-accordion').append(queue); 
}) 

我遵循這個指南 - Add dynamic closed panels in Bootstrap 3 accordion，但我沒有得到的面板出現在頁面上。任何人都可以指出我的錯誤嗎？

Answer 1

下面的行是無效

queue += '<div class="panel-body">' + This is a test + '</div>'; 

This is a test是一個字符串，應該像字符串添加。 JavaScript會將其解釋爲一個變量（這又是無效的）。

像這樣的東西應該工作而不是

queue += '<div class="panel-body">This is a test</div>'; 

或存儲This is a test作爲一個變量並連接它

var test = 'This is a test'; 
queue += '<div class="panel-body">' + test + '</div>';