引导：将按钮添加到列表组项目

Question

我需要添加多个动作来列出组项目，所有的紫色区域需要遵循链接，黄色区域打开模态。

当前的列表组项目是锚，因为是无效的HTML嵌套锚或按钮，我寻找另一种解决方案。

任何想法？

Answer 1

图标有ID，所以给ID输入，并使用jQuery代码。

$(document).ready(function(){ 
 
$('#simple').click(function(){ 
 
    window.onload = window.location.href = "http://stackoverflow.com"; 
 
    
 
    }); 
 
}); 
 

 
$(document).ready(function(){ 
 
$('#basic-addo1').click(function(){ 
 
    window.onload = window.location.href = "http://stackoverflow.com"; 
 
    
 
    }); 
 
});

<div class="input-group"> 
 
    <span class="input-group-addon" id="basic-addon1">@</span> 
 
    <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" id="simple"> 
 
</div>