jQuery bxslider в скрытых divs

Question

Если кто-то пришел к этой проблеме и решил ее, то помощь будет отличной.

У меня есть 3 слайдера на странице, а не проблема и работаю нормально, пока я не упаду каждый в контейнер содержимого с вкладками jQuery. Тогда первый работает так, как должен, но когда я меняю вкладку, чтобы скрыть первый div с рабочим слайдером, я получаю только стрелки prev/next и число слайдов, но слайды li скрыты.

Любая помощь будет выполнена.

Благодаря Geoff

Answer 1

У меня была аналогичная проблема. когда я смотрю на firebug, я понял, что высота «bx-viewport» равна 0px для каждого слайдера на вкладках. Просто дайте ему статическую высоту в css и решите эту проблему, все слайдеры видны на вкладках.

Answer 2

Высота bx-viewport должен быть сброшен. Или, как сказал Корхан, вы можете исправить это, установив этот параметр вручную в файле jquery.bxslider.css. Установка этого параметра решила мою проблему, причем, похоже, такая же.

Эта проблема трудно понять не только потому что это (вероятно) ошибка, но потому, что вам нужно будет также проверить другие манипуляции с DOM, которые вы делаете, и до сих пор нет официального ответа на этот вопрос. Уделите много времени взгляду на имена Div и их Class 'или Id, проверьте, есть ли у вас bx-viewport проблема, и каждая вещь должна работать нормально.

Update-1

Другой способ решения этой проблемы является прикрепить OnClick события в вашем нав, а затем огняbxslider по щелчку пользователя.

Вы можете сделать этот подход, добавив один id на один или создать что-то похожее на регулярное выражение для его соответствия. После этого, когда событие срабатывает, вам нужно получить некоторый идентификатор вкладки контента. Имея этот конкретный идентификатор, вы можете найти правильный идентификатор «bxslider» внутри него. Вы можете сделать это, используя JQuery найти функцию. На этом этапе вы можете вызвать конструктор bxslider.

Это должно работать в современном браузере, так что опять, возьмите долгое время взглянуть на вопросы, IE.