Skip to content

Bootstrap-tabs.js doesn't work with complex href. #740

@KendallHopkins

Description

@KendallHopkins

I've found some href that are identical to #*id*, but don't work due to the way the javascript is implemented.

Example #1: href contains absolute path to self.

<ul class="tabs" data-tabs="tabs">
    <li  class="active" ><a href="/bootstrap/demo#home"><span>Home</span></a></li>
</ul>
<div class="tab-content">
    <div id="home" class="active">
        <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
    </div>
</div>

Example #2: href contains relative path to self.

<ul class="tabs" data-tabs="tabs">
    <li  class="active" ><a href="demo#home"><span>Home</span></a></li>
</ul>
<div class="tab-content">
    <div id="home" class="active">
        <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
    </div>
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions