Ändern Sie die URL der Bootstrap-Registerkarte, wenn Sie mit codeigniter base_url auf die Registerkarte klicken

Question

Auf Bootstraps-Registerkarten möchte ich in der Lage sein, die URL zu ändern, wenn ich auf die Registerkarte klicke.

Jeder Reiter hat seine eigene href mit codeigniter base_url ist, zur Zeit verwende ich die data-target="" die Registerkarte zu ändern, aber ich brauche auch die URL ändern

in der Lage sein

Frage: Wie kann ich das ändern url, wenn ich auf die Bootstrap-Registerkarte klicken out # weil ich data-target=""

Wenn ich auf Registerkarte bearbeiten sollte die uRL

ändern

http://project.com/user/1/edit

<div class="row"> 
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
<ul class="nav nav-tabs" role="tablist"> 
    <?php if ($page == 'profile') {?> 
    <li role="presentation" class="active"> 
    <a href="<?php echo base_url('user/' .$user_id. '/profile');?>" aria-controls="profile" role="tab" data-toggle="tab" data-target="#profile" aria-expanded="false">Profile</a> 
    </li> 
    <?php } else {?> 
    <li role="presentation"> 
    <a href="<?php echo base_url('user/' .$user_id. '/profile');?>" aria-controls="profile" role="tab" data-toggle="tab" data-target="#profile" aria-expanded="false">Profile</a> 
    </li> 
    <?php }?> 
    <?php if ($page == 'activity') {?> 
    <li role="presentation" class="active"> 
    <a href="<?php echo base_url('user/' .$user_id. '/activity');?>" aria-controls="messages" role="tab" data-target="#messages" data-toggle="tab">Activity</a> 
    </li> 
    <?php } else {?> 
    <li role="presentation"> 
    <a href="<?php echo base_url('user/' .$user_id. '/activity');?>" aria-controls="messages" role="tab" data-target="#messages" data-toggle="tab">Activity</a> 
    </li> 
    <?php }?> 
    <?php if ($page == 'edit') {?> 
    <li role="presentation" class="active"> 
    <a href="<?php echo base_url('user/' .$user_id. '/edit');?>" aria-controls="settings" role="tab" data-target="#settings" data-toggle="tab">Settings</a> 
    </li> 
    <?php } else {?> 
    <li role="presentation"> 
    <a href="<?php echo base_url('user/' .$user_id. '/edit');?>" aria-controls="settings" role="tab" data-target="#settings" data-toggle="tab">Settings</a> 
    </li> 
    <?php }?> 
</ul> 


<div class="tab-content"> 
    <div role="tabpanel" class="tab-pane" id="profile">1</div> 
    <div role="tabpanel" class="tab-pane" id="messages">2</div> 
    <div role="tabpanel" class="tab-pane" id="settings">2</div> 
</div> 
</div> 
</div> 

Answer 1

können Sie die HTML5 History API verwenden. Ähnliches wie das folgende Code-Snippet sollte funktionieren.