Question

我正在尝试使用此代码进行点击切换事件

HTML

 <a class="load" data-gallery="123456" style="cursor: pointer;"><h2><p>example</p></h2></a>
 <div id="123456">

 </div>

jQuery

 $('.link').toggle(function () {
    var id = $(this).data('gallery');
    var postData = {
        "c": id
    };
    $.ajax({
        type: 'GET',
        data: postData,
        url: 'images.php',
        beforeSend: function () {
            $("#" + id).html("Loading...");
        },
        success: function (data) {
            $("#" + id).html(data);
        },
        error: function () {
            alert('Error');
        }
    });
 }, function () {
    var id = $(this).data('gallery');
    $("#" + id).html("");
 });

但是使用此代码，.load（）不可点击

由于

Answer 1

toggle event已从jQuery 1.9+移除，您可以使用以下逻辑代替click事件：

$('.link').click(function () {
    $(this).data('toggle', !$(this).data('toggle'));
    if ($(this).data('toggle')) {
        var id = $(this).data('gallery');
        var postData = {
            "c": id
        };
        $.ajax({
            type: 'GET',
            data: postData,
            url: 'images.php',
            beforeSend: function () {
                $("#" + id).html("Loading...");
            },
            success: function (data) {
                $("#" + id).html(data);
            },
            error: function () {
                alert('Error');
            }
        });
    } else {
        var id = $(this).data('gallery');
        $("#" + id).html("");
    }
});

如何进行点击切换事件

1 个答案: