Question

我想通过ajax加载内容我得到了这个

<nav>
<ul class="menu-principal links-to-floor">
<li class="logo-principal"><img src="images/plastico-logo.png" alt=""></li>
<li class=""><a href="contacto.html" data-id="#contacto" class="btn-secciones">Contacto</a></li>
<li class=""><a href="la-agencia.html" data-id="#laagencia" class="btn-secciones">La Agencia</a></li>
<li class=""><a href="portafolio.html" data-id="#portafolio" class="btn-secciones">Portafolio</a></li>
<li class=""><a href="blog.html" data-id="#blog" class="btn-secciones">Blog</a></li>
</ul>
</nav>

和内容

<div id="ascensorBuilding">
<div class="floor floor-1 home-inicio"></div>
<div class="floor floor-2 contentarea"><span class="text">content1</span></div>
<div class="floor floor-3 contentarea"><span class="text">content2</span></div>
<div class="floor floor-4 contentarea"><span class="text">content3</span></div>
<div class="floor floor-5 contentarea"><span class="text"content 4</span></div>
</div>

这是我的jquery代码

$(".btn-secciones").click(function(e){
    e.preventDefault();
    secciones = $('.btn-secciones').attr('data-id');
    seccion_actual = $('.btn-secciones').attr('href');
     $.ajax({
            type: 'GET',
            url: seccion_actual,
            cache:false,
            success: function callme(html){
            document.querySelector('.contentarea').innerHTML=html; 
            },
          dataType: "html"
        });
     $(".btn-secciones").css("color","black");
     console.log($(this).data('id'));
});

问题只是加载第一个内容我做错了什么？

使用ajax和jquery加载动态内容

0 个答案: