0

我正在使用 Jquery load() 在 DIV 中加载外部页面,到目前为止一切顺利,问题是,在其中一个外部页面中,我需要做一个 slideToggle 效果,但它根本不起作用,我相信这是因为负载()。这是我正在使用的一些代码。

这是项目本身。 http://www.universidadedoingles.com.br/apamagis/apamagis/teste.html

在左侧菜单上,点击 CADASTRO,然后点击 NOVO ASSOCIADO,这是一个外部页面,顶部有一个灰色的锚点 PRINCIPAL,当用户点击那里时,它必须滑动我拥有的表单。

如果你们只想检查外部页面,这里就是。

http://www.universidadedoingles.com.br/apamagis/apamagis/novoassociado.html

上面的这个链接可以正常工作,但是当我在项目内部并使用 load() 调用它时,什么也没有发生。

如果您想知道,这就是我加载页面和幻灯片的方式。这会加载我遇到问题的页面

        $("#novoAssociado").click(function() {
        $("#principal").load("novoassociado.html");
    });

这是滑动内容的代码

<script type="text/javascript">
$("document").ready(function() {
    $("#dadosPessoais").click(function() {
        $("#one").slideToggle();
    });

    $("#localizacaoAnchor").click(function() {
        $("#localizacaoContent").slideToggle();
    });
});

4

2 回答 2

1
<script type="text/javascript">
$("document").ready(function() {
    $("#dadosPessoais").live('click', function() {
        $("#one").slideToggle();
    });

    $("#localizacaoAnchor").live('click', function() {
        $("#localizacaoContent").slideToggle();
    });
});

试试看(现场)

于 2011-03-23T19:55:25.293 回答
0

您的 novoassociado.html 中的 javascript 永远不会被触发,因为从 ajax 调用加载的内容永远不会发生 document.ready 事件。将 Robot Woods 的脚本放入您的 teste.html 而不是 novoassociado.html。

于 2011-03-23T20:06:46.413 回答