Основание 4: Орбита: инициализация после загрузки страницы и Ajax: реинициализация

Question

(1) У меня есть проект, и я хочу использовать встроенный слайдер из Foundation 4 (Orbit). Моя проблема в том, что я хочу инициализировать слайдер (или запустить плагин) только тогда, когда браузер имеет определенную ориентацию. Поэтому для моей проблемы мне нужен метод, чтобы запустить или инициализировать плагин самостоятельно.

Я попробовал что-то вроде этого:

$(document).foundation('orbit', 'start‘); 

Но сначала он начинается с самого начала загрузки страницы, а во-вторых, не с той строки кода, которую я вам показал.

(2) Еще один вопрос: могу ли я загрузить слайды содержимого орбиты с помощью Ajax, или мне нужно другое решение для этого? Я думаю, что мне нужно что-то вроде функции повторной инициализации слайдера?

Answer 1

Я хочу инициализировать ползунок (или запустить плагин), только когда браузер имеет определенную ориентацию

Вам нужно сделать что-то вроде этого:

if (screen.innerWidth > screen.innerHeight) {
    // start orbit when the device is on a landscape mode
    $(document).foundation('orbit').init();
}

я могу загрузить слайды Orbit с помощью Ajax

Конечно, вы можете просто переинициализировать орбиту после добавления контента. Что-то вроде:

$("#yourSlider").append('<li><img src="url_of_the_image" /></li>');
$(document).foundation('orbit').init();