0

  好吧，伙计们，我必须先道歉，然后再问两个原因：

  • 我的英语（不是我的母语）。
  • 如果这里还有像我这样的问题。我进行了搜索，但没有一个回答引起我的怀疑。

也就是说，让我们开始吧：

  我正在尝试创建一个页面加载一堆外部页面的环境。出于可用性和动画的原因，我尝试一次加载两个页面。每个页面都有一个按钮，该按钮应该动画并卸载用户看到的页面。动画结束后，未加载元素与已加载元素切换名称，并将新页面加载到未加载元素。

这是一张可以帮助您的图片：（对不起，我没有足够的声誉直接发布图片。） http://img42.imageshack.us/img42/6640/npqv.jpg

这是html代码：

<div id="wrapper">
<div id="conteudo">
        <div class="loader-esquerda">
        </div>
        <div class="loader-direita">
        </div>
    </div>
</div>

的CSS：

#wrapper{
    position:relative;
    width: 1000px;
    margin:auto;
    overflow:hidden;
}
#conteudo{
    width:2000px;
}
.loader-esquerda{
    width:1000px;
    float:left;
}
.loader-direita{
    width:1000px;
    float:left; 
}

查询：

$(function(){
    var page1 = 1;
    var page2 = 2;
    $('.loader-esquerda').load('passo01.php');
});

passo01.php：

<h2>1º Passo</h2>
Precisamos de alguns dados relativos à seu banco de dados.
<hr />

<a href="#" class="btn direita proximo">Avançar &raquo;</a>

  事实是我不知道如何处理<a>里面的 passo01.php。我无法做到这一点$('a').hasClass('proximo')。将 passo01.php 中的代码加载到我的主页后如何处理？

非常感谢你。我希望你能理解我的问题。

4

1 回答 1

0

如果要访问通过.load()调用添加的元素，则必须在.load()的完整回调中完成

你需要使用加载回调

$('.loader-esquerda').load('passo01.php', function(){
    $('a.proximo').dosomething
});

演示：Plunker

于 2013-08-01T07:16:21.187 回答