的元素添加類從父頁

Question

好..我有一些父頁，讓我們把它的test.html

內部的頁面，我加載其他2個外部網頁：test1.html和test2.html。

有了這個腳本：

$("#linhas_cat li a").click(function(e) { 
      e.preventDefault(); 
      var current_linha = $(this).attr("class"); 
      var current_link = $(this).attr("href"); 
      var alternate_link = $(this).attr("data-link"); 

      $('#linhas_cat li a').removeClass('active'); 

      $("#wrap_linhas_fake ul li").css("background", "#b0aa9d"); 

      $(this).addClass('active'); 

      $("#wrap_linhas_fake ul li").filter("." + current_linha).css("background", "#ed1d24"); 

      $("#container_produto").load(current_link).hide().fadeIn('slow'); //external page test1.html 
      $(".conteudo_catalogo").load(alternate_link).hide().fadeIn('slow');//external page test2.html 

     }); 

內頁teste2.html的我有一些菜單。像這樣：

<ul class="nome_linhas"> 
    <li><a href="exibe_linhas.html?sublinha=1">Nome da Linha</a></li> 
    <li><a href="exibe_linhas.html?sublinha=2">Nome da Linha</a></li> 
    <li><a href="exibe_linhas.html?sublinha=3">Nome da Linha</a></li> 
    <li><a href="exibe_linhas.html?sublinha=4">Nome da Linha</a></li> 
</ul> 

我需要申請一個類，當鏈接被點擊。類active，但同時，我必須打開你的鏈接（exibe_linhas.html？sublinha = 1）在當前，在div的內部.conteudo_catalogo

我試過這種方式，在「母親」頁面上：

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
    $(".conteudo_catalogo .nome_linhas li a").live('click', function(e) { 
     e.preventDefault(); 
     var teste_link = $(this).attr("href"); 
     $(".conteudo_catalogo .nome_linhas li a").removeClass('active'); 
     $(".conteudo_catalogo").load(teste_link).hide().fadeIn('slow'); 
     $(this).addClass('active'); 
    }); 
    }); 
</script> 

但是，當加載頁面時，沒有添加類...

如何與這個處理？

Answer 1

$(".conteudo_catalogo").on('click', '.nome_linhas li a', function(e) { 
    e.preventDefault(); 

    var idx = $(this).closest('li').index(); 

    $(".conteudo_catalogo").hide().load(this.href, function() { 
     $(".nome_linhas li:eq("+idx+")", this).addClass('active') 
     $(this).fadeIn('slow'); 
    }); 
});