鏈接圖標跳到父項

我試圖創建一個<li>其中包含兩個元素，<a>包含<span>和第二個<a>包含變量，html。但是，變量是一個圖形，跳到另一個<a>以下。我怎樣才能解決這個問題？鏈接圖標跳到父項

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

來源

2017-04-25 JonasSH

這種情況在默認情況下不會發生，所以它必須與CSS設置在這些元素上，很可能是'display：block'或'clear：both' –

我還沒有使用任何顯示器：阻止或清除：兩者。 – JonasSH

您可能沒有，但它可能在圖形CSS文件中 –

您似乎已將類定義放在錯誤的項目上。我把它移到了李。

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>");

li { 
 
    list-style-type:none; 
 
}

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

來源

2017-04-25 12:41:52 Neil

我改變glyphicon的標籤按鈕，而不是一個。解決了這個問題。不便之處

來源

2017-04-25 12:42:59 JonasSH

鏈接圖標跳到父項

回答

相關問題