jquery load()之后会发生什么?

时间:2013-08-01 07:15:08

标签: jquery load handle

好的伙计们,在提出两个理由之前我必须道歉:

     
  • 我的英语(不是我的母语)。
  •  
  • 如果这里有另一个问题,就像我的一样。我搜索过,但没有一个回答让我怀疑。

那就是说,我们走吧:

我正在尝试创建一个环境,其中页面加载了一堆外部页面。出于可用性和动画的原因,我尝试一次加载两个页面。每个页面都有一个按钮,按钮应该是动画和卸载用户看到的页面。在动画之后,带有已加载元素的已卸载元素开关名称和新页面将加载到已卸载元素。

这是一张可以提供帮助的图片:(抱歉,我的声誉不足以直接发布图片。) 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; 
}

Jquery的:

$(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>

事实是我不知道如何处理passo01.php中的<a>。我无法通过$('a').hasClass('proximo')与您达成协议。在将其加载到我的主页后,如何处理passo01.php中的代码?

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

1 个答案:

答案 0 :(得分:0)

如果您想访问.load()来电添加的元素,那么必须在.load()

的完整回调中完成

您需要使用加载回调

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

演示:Plunker