Jquery load() 与 slideToggle() “冲突”答案

【问题标题】：Jquery load() "conflicts" with slideToggle()Jquery load() 与 slideToggle() “冲突”
【发布时间】：2011-03-23 19:51:08
【问题描述】：

我正在使用 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();
    });
});

【问题讨论】：

标签： javascript jquery ajax load slidetoggle

【解决方案1】：

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

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

试试（现场）

【讨论】：

嘿机器人伍兹，我做了你的建议，但没用！有用的信息，在 Internet Explorer 8 中可以正常工作！
只是为了澄清 live() 为现在和将来与您的选择器匹配的所有元素的事件添加一个处理程序。文档可以在这里找到。 api.jquery.com/live
尝试将上面的脚本放在你的 teste.html 中，而不是 novoassociado.html
我在链接 universidadedoingles.com.br/apamagis/apamagis/… 中将代码更改为 live()，您可以看到它运行良好，但是当我在主页内时它不起作用！

【解决方案2】：

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

【讨论】：

了不起的人！！我现在觉得好傻！！非常感谢 T.B、James South 和 Robot Woods！