Индекс количества изображений Featherlight / Всего [Ошибка индексации] - PullRequest
0 голосов
/ 09 апреля 2020

Я пытаюсь добавить количество изображений в галерею Featherlight. Пример: изображение 1 из 6 (где-то рядом / под изображением)

$.featherlightGallery.prototype.afterContent = function(){
    var object = this.$instance,
        target = this.$currentTarget,
        parent = target.parent(),
        caption = parent.find('.wp-caption-text'),
        galParent = target.parents('.gallery-item'),
        jetParent = target.parents('.tiled-gallery-item');

    $('<div class="count">Image ' + (currentNavigation() + 1)+' of ' + slides().length + '</div>').html(object.find('.featherlight-content'));

    if (0 !== galParent.length) {
        caption = galParent.find('.wp-caption-text');
    } else if (0 !== jetParent.length) {
        caption = jetParent.find('.tiled-gallery-caption');
    }
    object.find('.caption').remove();
    if (0 !== caption.length) {
        $('<div class="caption">').text(caption.text()).appendTo(object.find('.featherlight-content'));
    }
}

Отбрасывает меня с ошибкой: currentNavigation is not defined

Ответы [ 2 ]

0 голосов
/ 10 апреля 2020

OMG! Я понял! Я думаю, это была случайность! После попытки нескольких вероятностей, это окончательный ответ. Я надеюсь, что кто-то может найти это полезным; D

$.featherlightGallery.prototype.afterContent = function(){
    var object = this.$instance,
        target = this.$currentTarget,
        parent = target.parent(),
        caption = parent.find('.wp-caption-text'),
        galParent = target.parents('.gallery-item'),
        jetParent = target.parents('.tiled-gallery-item');

    var sc = $('<div class="count">Image ' + (this.currentNavigation() + 1) + ' of ' + this.slides().length + '</div>');
    sc.appendTo(object.find('.featherlight-content'));

    object.find('.count').remove();
    if (0 !== sc.length) {
        sc.appendTo(object.find('.featherlight-content'));
    }
    if (0 !== galParent.length) {
        caption = galParent.find('.wp-caption-text');
    } else if (0 !== jetParent.length) {
        caption = jetParent.find('.tiled-gallery-caption');
    }
    object.find('.caption').remove();
    if (0 !== caption.length) {
        $('<div class="caption">').text(caption.text()).appendTo(object.find('.featherlight-content'));
    }
}
0 голосов
/ 09 апреля 2020

Вам нужно позвонить this.currentNavigation()

...