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

动态添加面板到Bootstrap 3手风琴

1 个答案: