javascript - 将取消隐藏 div 的 Jquery 函数的问题

Question

随附的小提琴是我想要的工作副本：http: //jsfiddle.net/DLEBf/2/

但它在我的代码中不起作用。

这是我的代码：

HTML：<div class="listResults"></div>

JS：

function createMarker(latlng, address) {
    var html =  "<br/>" + address;
    var marker = new google.maps.Marker({
        map: map,
        position: latlng
    });
    google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
    });
    markers.push(marker);

    $(function(){
        $('.listResults').on('click', '.heading',  function(){
           $(this).next().slideToggle('slow');
        });

        var el = $('<div/>', {
        'class' : 'heading',
        'html' : 'Header-1'
        });
        var content = $('<div/>', { 
        'class' : 'content',
        'style' : 'display:none',
        'html' : 'This is content'
        })
        $('.listResults').append(el);
        el.after(content);
    });

}

Answer 1

在该$(function(){})部分之后应该有一个(jQuery);，并且您需要$像这样作为参数传递：

(function($){
    ...
})(jQuery);