Question

我正在使用Jquery load（）在DIV中加载外部页面，到目前为止一直很好，问题是，在其中一个外部页面中我需要做一个slideToggle效果，但它根本不起作用，我相信这是因为load（）。这是我正在使用的一些代码。

这是项目本身。 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();
    });
});

Answer 1

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

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

试试（现场）

Answer 2

你的novoassociado.html中的javascript永远不会被解雇，因为从ajax调用加载的内容永远不会发生document.ready事件。以机器人森林所拥有的脚本将其放入您的teste.html而不是novoassociado.html。

Jquery load（）与slideToggle（）“冲突”

2 个答案: