javascript - 在头部加载 Jquery 展开/折叠 Div

Question

我正在使用最新的 jquery 版本 (ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js) 并将脚本链接到页面的头部，因为我还有其他需要它存在的功能。 我正在尝试使用添加到文档头部的简单展开/折叠功能来展开 FOREACH 语句中包含的内容。

我找到了这个 Unable to get JQuery-Mobile collapsible expand/collapse event to execute在以下答案之一的 fiddle 示例中有效:http://jsfiddle.net/UT7kQ/但是当我将 head 中的脚本更改为最新版本的 jquery 时，它不起作用。

这是我试图在头部部分使用的代码，用于展开/折叠 FOREACH 语句中包含的内容:

$('.info').click(function(){
    $(this).find('.hide').toggle();
});

建议？

Answer 1

尝试使用 .on 而不是 .live。转到 api.jquery.com 并查看 .live；它在 1.7 中被弃用并在 1.9 中被删除。

您可能还需要将其包装在 $(document).ready(function(){}); 语句中。否则 jQuery 可能会在页面中没有 dom 元素的情况下运行。如果它在运行时没有找到该元素，则什么也不会发生，否则会导致错误。