jQuery + Javascript: объединение дублирующих функций между document.ready и ajax load - PullRequest
Новая
       9

jQuery + Javascript: объединение дублирующих функций между document.ready и ajax load

0 голосов
/ 19 февраля 2012

Я использую плагин ajaxify.js https://github.com/browserstate/ajaxify для динамической загрузки контента.

У меня есть ряд click функций, которые я связываю с документом, но мне нужно добавить ихфункции внутри моей функции загрузки ajax, чтобы повторно привязать события щелчка к недавно добавленному контенту.Ранее я пытался использовать один набор live функций, но они не работали.

В любом случае у меня есть следующий код дважды, один раз внутри document.ready(function(){ }) и еще раз внутри ajaxify.js послесодержимое загружается.

Я знаю, что это излишне, но я не уверен, как можно написать функции только один раз, чтобы я мог "включить" их в другом месте.Как я могу оптимизировать эти функции, чтобы я мог объединить их и эффективно использовать их снова?

Спасибо! 

        var $filterclear = $('.filters .filter-clear'),
            filtercount = $filterclear.length,
            $searchedfor = $('.searched-for'),
            is_search = $searchedfor.length;

        $filterclear.bind('click', function(){
            var $me = $(this);

            if(filtercount == 3) {
                $('.clear-all.filter-clear').addClass('filter-out').fadeOut('fast');
                $(this).addClass('filter-out').fadeOut('fast');
            } else {
                $(this).addClass('filter-out').fadeOut('fast');
            }

            if($me.hasClass('clear-all') || filtercount == 1) {
                $filterclear.addClass('filter-out').fadeOut('fast');
                if(is_search !== 0) {
                    $('.filters').fadeOut();
                }
            }
        });     

        $('.tag.remove-term').bind('click', function(){
            var $me = $(this),
                mytext = $me.text(),
                $myfilter = $('.filters .filter-clear:contains("'+ mytext +'")');

            if(filtercount == 3) {
                $('.clear-all.filter-clear').addClass('filter-out').fadeOut('fast');
                $myfilter.addClass('filter-out').fadeOut('fast');
            } else {
                $myfilter.addClass('filter-out').fadeOut('fast');
            }
        }); 

        $searchedfor.find('.filter-clear').bind('click',function(){
            $searchedfor.fadeOut();
        });

1 Ответ

1 голос
/ 19 февраля 2012

Определение новой функции должно работать (я ее не тестировал): 

var $filterclear = $('.filters .filter-clear'),
    filtercount = $filterclear.length,
    $searchedfor = $('.searched-for'),
    is_search = $searchedfor.length;

var doSomething($myfilter) {
    if(filtercount == 3) {
        $('.clear-all.filter-clear').addClass('filter-out').fadeOut('fast');
    }
    $myfilter.addClass('filter-out').fadeOut('fast');
};

$filterclear.bind('click', function() {
    var $me = $(this);

    doSomething($me);

    if($me.hasClass('clear-all') || filtercount == 1) {
        $filterclear.addClass('filter-out').fadeOut('fast');
        if(is_search !== 0) {
            $('.filters').fadeOut();
        }
    }
});

$('.tag.remove-term').bind('click', function(){
    var $me = $(this),
        mytext = $me.text(),
        $myfilter = $('.filters .filter-clear:contains("'+ mytext +'")');

    doSomething($me);
}); 

$searchedfor.find('.filter-clear').bind('click',function(){
    $searchedfor.fadeOut();
});
...