Âncora com smooth scroll no DOM do Jquery

[Wagner Martins Bodyboard 0]

Tenho esse código jquery que abre páginas php em uma determinada div.

$('.abas').on('click', function(){
   var paginas = ["planejamento_estrategico2.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"];
   aba_index = $(this).attr('tabindex');
   $('.abas').removeClass('active');
   $(this).addClass('active');
//   alert("Tentou Carregar "+"caminho/"+paginas[parseInt(aba_index) - 1])


   $("#texto").load ("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1]);
});

var $doc = $('html, body');
$('.scrollSuave').click(function() {
    $doc.animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
  });

html

<div id="sticky-anchor"></div>
<div id="sticky">

<div class="abas abas1" tabindex="1">
   <a href="#texto" class="scrollSuave">
Planejamento Estratégico</a>
</div>
<div class="abas abas2" tabindex="2">
   <a href="#texto" class="scrollSuave">Mentoria Food Service</a>
</div>
<div class="abas abas3" tabindex="3">
   Terceirização Financeira
</div>
<div class="abas abas4" tabindex="4">
   Marketing Full Time
</div>
<div class="abas abas5" tabindex="5">
   Mastermind
</div>
<br clear="all" /><br />
</div>
<div id="texto">
</div>

Estou fazendo assim mais não troca de página só faz a âncora

Como o jquery poderia fazer o DOM e uma âncora na id #texto, com smooth scroll?

[Ted k' 126]

O ideial seria isso:

 

var _this = $(this).parent();
var paginas = ["planejamento_estrategico2.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"];
aba_index = _this.attr('tabindex');
$('.abas').removeClass('active');
_this.addClass('active');

 

Sobre não carregar, você poderia ve se o dominio que você quer carregar o php, tem o Access-Control-Allow ativo

[Wagner Martins Bodyboard 0]

Estou fazendo assim:

 

$('.abas').on('click', function(){
var _this = $(this).parent();
var paginas = ["planejamento_estrategico2.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"];
aba_index = _this.attr('tabindex');
$('.abas').removeClass('active');
_this.addClass('active');

//   alert("Tentou Carregar "+"caminho/"+paginas[parseInt(aba_index) - 1])
   $("#texto").load ("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1]);
});

O Access-Control-Allow está ativo no PHP, mais ainda não funciona

[Ted k' 126]

Perdoa, esqueci de falar, tira o .load() e coloca o ajax mesmo... pode ser via get

 

$.get("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1], funciton(data){
$("#texto").html(data);
});

 

[Wagner Martins Bodyboard 0]

Fiz como você falou, mais da erro no javascript

 

$('.abas').on('click', function(){
var _this = $(this).parent();
var paginas = ["planejamento_estrategico2.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"];
aba_index = _this.attr('tabindex');
$('.abas').removeClass('active');
_this.addClass('active');

//   alert("Tentou Carregar "+"caminho/"+paginas[parseInt(aba_index) - 1])
$.get("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1], funciton(data){
$("#texto").html(data);
});
});

 

[Ted k' 126]

perdão, digitei rapido, erro de sintax

 

$.get("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1], funciton(data){

troca por

 

 

$.get("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1], function(data){

[Wagner Martins Bodyboard 0]

Fiz assim:

 

$('.abas').on('click', function(){
var _this = $(this).parent();
var paginas = ["planejamento_estrategico2.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"];
aba_index = _this.attr('tabindex');
$('.abas').removeClass('active');
_this.addClass('active');

//   alert("Tentou Carregar "+"caminho/"+paginas[parseInt(aba_index) - 1])
$.get("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1], function(data){
$("#texto").html(data);
});
});

Não está indo para a div #texto, e com esse código a primeira aba, não está abrindo.