在head中加载Jquery时展开/折叠Div

Question

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

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

这是我试图在head部分使用的代码，用于展开/折叠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元素的情况下运行。如果它在运行时没有找到元素，则不会发生任何事情，否则会导致错误。