Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Клик по ссылке присваивает класс модальному окну (https://javascript.ru/forum/jquery/58748-klik-po-ssylke-prisvaivaet-klass-modalnomu-oknu.html)

Павел Турченко 08.10.2015 14:16

Клик по ссылке присваивает класс модальному окну
 
Добрый день! Подскажите пожалуйста, это реально реализовать и что для этого надо? Есть три ссылки, при клике на которые открывается модальное окно, в модальном окне есть аккордеон, с тремя вкладками. Можно ли сделать, что бы при клике на первую ссылку, открывалась первая вкладка, на вторую - вторая и тд. Модальное окно и аккордеон реализованы через бутстрап. И что бы запустить мне надо как-то сделать функцию на клик, что бы при клике по ссылке, она определенному блоку присваивала класс "in".

Павел Турченко 08.10.2015 14:37

<a href="#" class="" id="оpen_col_Three" data-toggle="modal" data-target=".bs-example-modal-lg"><span class="black">Большая модаль 3</span></a> - вот ссылка которая должна присваивать класс

<div id="collapseThree" class="panel-collapse collapse"></div> - это блок из модального окна(третья вкладка аккордеона) к которому надо присвоить класс.

$(document).ready(function(){
$('#open_col_Three').click(function() {
$('#collapseThree').load(function() {
$('.in').removeClass('in');
$("#collapseThree").addClass('in');
});
});
});

Вот моя убогая попытка, при клике запустить функцию, которая после загрузки, присвоит класс. Но это не работает...

ksa 08.10.2015 14:40

Цитата:

Сообщение от Павел Турченко
id="#open_col_Three"

Зачем диез у ИД?

Павел Турченко 08.10.2015 14:41

Ошибка невнимательности, диез убрал, но проблема осталась...

ksa 08.10.2015 14:43

Цитата:

Сообщение от Павел Турченко
$('#collapseThree').load(function() {});

Почитай про тот метод...
http://jquery-docs.ru/Ajax/load/

Павел Турченко 08.10.2015 14:51

$(document).ready(function(){
$('#open_col_Three').click(function() {
$('#accordion').ready(function() {
$('.in').removeClass('in');
$("#collapseThree").addClass('in');
});
});
});
спасибо ! :)


Часовой пояс GMT +3, время: 21:02.