リストグループ上のリンクされた項目にボタンを追加するブートストラップ

システムを実装しようとしていて、リンクされたグループリスト内にボタンが必要です。問題は、リンクされたアイテムのリンクを開くボタンをクリックすることです。コードは私のシステム上にあるものです。リストグループ上のリンクされた項目にボタンを追加するブートストラップ

編集：クリック可能なアイテムが必要です。ボタンを除く（テキスト上のリンクを使用しない）。

<head> 
 
    <!-- Latest compiled and minified CSS --> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
</head> 
 
    
 
<a class="list-group-item list-group-item-info" href="https://www.fumep.edu.br/eep/" target="_blank"> 
 
    EEP 
 
    <span class="pull-right"> 
 
     <div class="btn-group" role="group" aria-label="..."> 
 
      <span class="btn btn-xs btn-warning" > 
 
       <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 
 
      </span> 
 
      <span class="btn btn-xs btn-danger" > 
 
       <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 
 
      </span> 
 
     </div> 
 
    </span> 
 
</a>

出典

2017-03-18 gabriel

あなたはこのようにCSSを使用することができます。..

.list-group-item>.pull-right{ 
    cursor: default; 
}

BTN-グループにonclick="return false;"を追加します。

Demo

出典

2017-03-18 13:46:36 ZimSystem

でこれを試すことができます私は、ボタンを除くclicableするリスト項目の完全な面積を必要とします – gabriel

あなたがボタンを除いて完全なアイテムをクリック可能にしたい場合、あなたはjQueryの

$('.btn-group .btn').click(function(
    e.preventDefault(); 
});

出典

2017-03-18 13:52:43

リストグループ上のリンクされた項目にボタンを追加するブートストラップ

答えて

関連する問題