Link innerhalb einer list-group-item-Klasse (selber link), in Twitter Bootstrap

Können Sie nicht verwenden <a> tags in anderen <a> - tags, das ist ungültiges HTML. Überprüfen Sie diese Frage.

Können Sie machen Sie anklickbar mit jQuery obwohl, mit einem hack wie diesem:

HTML - verwenden Sie ein div statt mit einer benutzerdefinierten Klasse und einige Daten-tags:

<div class="list-group">
    <div class="list-group-item active list-group-item-linkable"
        data-link="http://www.google.com">

        <h4 class="list-group-item-heading">List group item heading</h4>

        <p class="list-group-item-text">...</p>

        <a href="https://www.facebook.com/sharer/sharer.php?u=http"
            target="_blank">

            Share on Facebook
        </a>
    </div>
</div>

CSS - machen es scheinen, wie ein link:

.list-group-item-linkable:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
    cursor: pointer;
}

JS - der spaßige Teil:

$(document).ready(function() {
    $('.list-group-item-linkable').on('click', function() {
        //same window/tab:
        window.location.href = $(this).data('link');

        //new window/tab:
        //window.open($(this).data('link'));
    });

    $('.list-group-item-linkable a, .list-group-item-linkable button')
    .on('click', function(e) {
        e.stopPropagation();
    });
});

Habe ich auch erstellt eine JSFiddle.