1

我最近向我构建的应用程序部署了无限滚动，发现有时我需要单击两次才能发生某些事情。

我的应用程序有喜欢，一旦加载了dom，我需要在它改变之前点击两次喜欢按钮，然后一旦我点击其他按钮就可以了，但我总是必须点击一次应用程序几乎“唤醒” "

有更好的解决方案吗？

$(document).ready(function() {
    function runUpdate(url, item) {
        $.ajax({
            type: "GET",
            url: url,
            cache: false,
            success: function(data){
                if (data == '200') {
                    removeAddColor(item);
                }
            }
        });
    }

    $('.mini-like').live('click', function(){
        $('.mini-like').toggle(
            function() {
                var item = $(this);
                var href = item.attr('href');
                runUpdate(href, item);
            },
            function() {
                var item = $(this);
                var rel = item.attr('rel');
                runUpdate(rel, item);
            }
        );
    });

    function removeAddColorFollow(item) {
        var href = $(this).attr('href');
        var rel = $(this).attr('rel');
        if (item.hasClass('btn-success')) {
            $(item).removeClass('btn-success').attr('href', href).attr('rel', rel);
            $(item).find('i').removeClass('icon-white');
        } else {
            $(item).addClass('btn-success').attr('href', rel).attr('rel', href);
            $(item).find('i').addClass('icon-white');
        };
    }
});
4

2 回答 2

1

好吧，除非我完全错了，否则您只需在单击一次后将切换事件附加到 .mini-like 。尝试更换

$('.mini-like').live('click', function() {...

和

$(function() {...

在文档就绪而不是单击时附加切换事件处理程序

于 2012-05-28T10:22:49.107 回答
0

代码$('.mini-like').live('click',...应该放在里面$(document).ready()

您可以使用.on. .live作为.on一种新方法，.live现在已弃用，您应该使用.on

更新 重写的版本将是

$(document).ready(function(){
 $('.mini-like').on('click', function(){
    $('.mini-like').toggle(
        function() {
            var item = $(this);
            var href = item.attr('href');
            runUpdate(href, item);
        },
        function() {
            var item = $(this);
            var rel = item.attr('rel');
            runUpdate(rel, item);
        }
    );
 });

});

function runUpdate(url, item) {
    $.ajax({
        type: "GET",
        url: url,
        cache: false,
        success: function(data){
            if (data == '200') {
                removeAddColor(item);
            }
        }
    });
}


function removeAddColorFollow(item) {
    var href = $(this).attr('href');
    var rel = $(this).attr('rel');
    if (item.hasClass('btn-success')) {
        $(item).removeClass('btn-success').attr('href', href).attr('rel', rel);
        $(item).find('i').removeClass('icon-white');
    } else {
        $(item).addClass('btn-success').attr('href', rel).attr('rel', href);
        $(item).find('i').addClass('icon-white');
    };
}
于 2012-05-28T10:17:24.847 回答