Question

我尝试创建一个<li>，其中包含两个元素，一个<a> <span>，另一个<a>包含一个变量，{ {1}}。但是，变量（一个glyphicon）会跳到另一个html之下。我怎样才能解决这个问题？

<a>

Answer 1

您似乎已将类定义放在错误的项目上。我把它移到了李。

＆＃13;

html="test"
id="6"
conversation={name:"bob"}
var html = "<a href=\"#\" id='removeBtn' class='glyphicon glyphicon-remove'></a>";
$('#conversations').append("<li class=\"list-group-item\" id=" + id + "><a href=\"#\" ><span>" + conversation.name + "</span></a>" + html + "</li>");

＆＃13;

li {
  list-style-type:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<div id="conversations"></div>

＆＃13;

Answer 2

我将glyphicon的标签更改为按钮而不是a。解决了这个问题。很抱歉给您带来不便

链接图标跳转到父级下方

2 个答案: