Breadcumbs me repite

[manelmanel8]

Buenas a todos,

el problema que tengo que al que a mostrar como el segundo nivel del menu tabulado hago un getscript para que me cargue otra vez el script. Si hago clic varias veces al menu tabulado nivel 1 luego hago clic al menu tabulado 2 en el breadcrumbs me aparece ese texto muchas veces.

Como puedo hacer para que el getscript solo lo haga una vez?

Gracias.

JQUERY

Código Javascript:

$("#cargamenu .ltab").click(function(){
        var id = $(this).attr("href");
        var $this = $(this),
        
        $bc = $('<div class="item"></div>');
 
        $this.parents('li').each(function(n, li) {
            var $a = $(li).children('a').clone();
            $bc.prepend($a, ' => ');
        });
                
        $.post("class/Menu.php",{"id":id},function(htmlexterno){
            $("#cargaexterna").html(htmlexterno);
            $.getScript("assets/js/main.js");
        });
        
        $('.breadcrumb').html( $bc.prepend('') );
                    
        return false;
    }); 
    
    $("#cargaexterna .ltab").click(function(){
        var id = $(this).attr("href");
        var $this = $(this),
        
        $bc = $('<a></a>');
 
        $this.parents('li').each(function(n, li) {
            var $a = $(li).children('a').clone();
            $bc.prepend($a, ' => ');
        });
        
        $('.item').append( $bc.prepend('') );
                
        $.post("class/Menu.php",{"id":id},function(htmlexterno){
            $("#cargaexterna2").html(htmlexterno);
        });
                    
        return false;
    });
 

HTML

Código HTML:

 <div class="row">
                <div id="menutabulat">
                    <div id="navbar tabulat" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav" id="cargamenu">
                            <?php
                            $menuTab = $classMenu->getMenuTab();
                            ?>
                        </ul>
                    </div>       
                </div>              
            </div>
            <div class="row">
                <div id="navbar tabulat" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav" id="cargaexterna">
                    </ul>
                </div>        
            </div>        
            <div class="row">
                <div id="navbar tabulat" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav" id="cargaexterna2">
                    </ul>
                </div>       
            </div> 

[jeremiselxi]

Inténtalo de esta forma.

Código Javascript:

$( document ).ready(function() {
/*  Cargamos el getscript una vez*/
$.getScript("assets/js/main.js"); 
 
/*Luego todo el codigo menos el getscript */
 
$("#cargamenu .ltab").click(function(){
        var id = $(this).attr("href");
        var $this = $(this),
        
        $bc = $('<div class="item"></div>');
 
        $this.parents('li').each(function(n, li) {
            var $a = $(li).children('a').clone();
            $bc.prepend($a, ' => ');
        });
                
        $.post("class/Menu.php",{"id":id},function(htmlexterno){
            $("#cargaexterna").html(htmlexterno);
         /*   $.getScript("assets/js/main.js"); */
        });
        
        $('.breadcrumb').html( $bc.prepend('') );
                    
        return false;
    }); 
    
    $("#cargaexterna .ltab").click(function(){
        var id = $(this).attr("href");
        var $this = $(this),
        
        $bc = $('<a></a>');
 
        $this.parents('li').each(function(n, li) {
            var $a = $(li).children('a').clone();
            $bc.prepend($a, ' => ');
        });
        
        $('.item').append( $bc.prepend('') );
                
        $.post("class/Menu.php",{"id":id},function(htmlexterno){
            $("#cargaexterna2").html(htmlexterno);
        });                    
        return false;
    });
});