jQuery load（）與slideToggle（）“沖突”

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事件。 使用Robot Woods擁有的腳本，然后將其放在您的teste.html中，而不是novoassociado.html中。