Jquery 页面加载后附加到页面时，bootstrap 3按钮之间没有空间的问题_Jquery_Twitter Bootstrap

Jquery 页面加载后附加到页面时，bootstrap 3按钮之间没有空间的问题

jquery twitter-bootstrap

Jquery 页面加载后附加到页面时，bootstrap 3按钮之间没有空间的问题,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我有一个问题，我有一个简单的测试页面，有6个按钮。页面主体中声明了，页面加载后使用jquery添加了3。附加jquery的3与加载前在页面中声明的3之间没有间距下面是一把小提琴，展示了这个问题：代码如下： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <titl

我有一个问题，我有一个简单的测试页面，有6个按钮。页面主体中声明了，页面加载后使用jquery添加了3。附加jquery的3与加载前在页面中声明的3之间没有间距

下面是一把小提琴，展示了这个问题：

代码如下：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Bootstrap Test Page</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"</script>
</head>
<body>
    <div>
        <div>Buttons In Page</div>
        <button type="button" class="btn btn-default">Add</button>
        <button type="button" class="btn btn-default">Edit</button>
        <button type="button" class="btn btn-default">Delete</button>
    </div>

    <div id="DynamicButtonContainer">
        <div>Buttons Dynamically Added</div>

    </div>

    <script>
        $(document).ready(function() {
            var eDynamicButtonContainer = $('#DynamicButtonContainer');
            eDynamicButtonContainer.append($('<button type="button" class="btn btn-default">Add</button>' + 
                                             '<button type="button" class="btn btn-default">Edit</button>' + 
                                             '<button type="button" class="btn btn-default">Delete</button>'));
        });
    </script>   
</body>
</html>


引导测试页
标记中的按钮在标记（用于缩进的换行符和空格/制表符）中有空格，但要附加的标记中的按钮没有空格，这就是为什么渲染时它们之间没有空格。如果在它们之间添加\n
，这就是空白，并将它们隔开。像这样：
$（文档）.ready（函数（）{
var edDynamicButtonContainer=$（“#DynamicButtonContainer”）；
eDynamicButtonContainer.append(
$（“添加\n”+
//注---------------------------------------------^
'编辑\n'+
//及-------------------------------------------------------^^
"删除");；
});

这是因为标签之间的空白。你用<代码> \n>代码>模拟空白空间，然后你走了。谢谢你花时间回答我的问题，并且创造了更新的小提琴，非常感谢！！感谢您抽出时间回答我的问题，并创建了最新的小提琴，非常感谢！！另见
$(document).ready(function() {
    var eDynamicButtonContainer = $('#DynamicButtonContainer');
    eDynamicButtonContainer.append(
        $('<button type="button" class="btn btn-default">Add</button>\n' +
        // Note -----------------------------------------------------^^ 
          '<button type="button" class="btn btn-default">Edit</button>\n' +
        // And -------------------------------------------------------^^
          '<button type="button" class="btn btn-default">Delete</button>'));
});