Как спрятать свои стрелки на первом и последнем слайде используя owl carousel 2?

Question

[raury]

Подключил стрелки как написано в документации:

var owl = $('.owl-carousel');
        owl.owlCarousel();
        // Go to the next item
        $('.next_arrow').click(function() {
            owl.trigger('next.owl.carousel');
        })
        // Go to the previous item
        $('.prev_arrow').click(function() {
            // With optional speed parameter
            // Parameters has to be in square bracket '[]'
            owl.trigger('prev.owl.carousel', [300]);
        })

Вставил html:

<div class="carousel_arrow prev_arrow">
                <i class="arrow_font fa fa-angle-left fa-3x" aria-hidden="true"></i>
            </div>
            <div class="carousel_arrow  next_arrow">
                <i class="arrow_font fa fa-angle-right fa-3x" aria-hidden="true"></i>
            </div>

Думал, что на первом и последнем слайде стрелкам присваивается класс disabled, но нет.

Comments

[edward_freedom]

в функции перелистывания слайдов, сделай скрытие

/**
	 * Slides to the specified item or page.
	 * @public
	 * @param {Number} position - The position of the item or page.
	 * @param {Number} [speed] - The time in milliseconds for the transition.
	 * @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.
	 */
	Navigation.prototype.to = function(position, speed, standard) {
		var length;

		if (!standard && this._pages.length) {
			length = this._pages.length;
			$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
		} else {
			$.proxy(this._overrides.to, this._core)(position, speed);
		}
	};