Как найти решение добавления класса?

Question

[T3R3AND]

У меня почему-то не закрывается модальное окно, я решил обойди другим путём, добавить ему новый класс "hide". Но почему-то не работает.

<span class="modal_skin"><div id="modal-skins" class="modal fade in" tabindex="-1" role="dialog" style="display: block;">
              <div class="modal-dialog modal-sm">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" id="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true"><i class="fa fa-times"></i></span></button>
                    <h4 class="modal-title">Купить <b>Девушка Yoshino</b></h4>
                  </div>
                  <div class="modal-body">
                    <center><img class="img-responsive" src="https://bp.teamwebs.ru//uploads/d7e03076f4609bff2b34e2e6be540abd.jpg" style="border-radius: 7px"></center>
                    <form role="form" action="https://bp.teamwebs.ru/inc/buyskin.php" method="POST" autocomplete="off">
                        <div style="padding-top: 15px">
                            <label class="mlb"><span id="login_annotation"><i class="fa fa-user mri"></i> Игровой ник</span>: <small class="text-red sure">обязательно</small></label>
                            <input type="text" id="nickname" name="nickname" placeholder="Введите свой игровой ник" class="form-control fctr" maxlength="32" required="">
                        </div>
                        <div style="padding-top: 10px">
                            <label class="mlb"><span id="server_annotation"><i class="fa fa-server mri"></i> Выберите сервер</span>: <small class="text-red sure">обязательно</small></label>
                            
      <select class="form-control fctr" id="server_id" name="server_id" required="">
        <option value="0" disabled="" selected="">Выбрать сервер</option>
        <option value="1">test</option>
<option value="4">dsaasaasdasd</option>
<option value="10">в</option>
<option value="11">daad</option>
<option value="12">фвфв</option>

      </select>
                        </div>
                        <div style="padding-top: 10px">
                            <input type="submit" class="btn btn-success btn-block" value="Купить модель - 100 руб." name="submit">
                        </div>
                    </form>
                  </div>
                </div>
                <!-- /.modal-content -->
              </div>
              <!-- /.modal-dialog -->
            </div></span>

$('.close').click(function(){
                                document.getElementById("modal-skins").addClass("hide");
                                console.log('CLOSE');
                            });

Comments

[godsplan]

приведите html и css разметку данного блока

Answer 1

[Devmusta]

Естественно, у тебя же стили через атрибут style имеют большую специфичеость,чем у класса

Comments

[T3R3AND]

Devmusta, не могу создать новый вопрос.. лимит.. подскажите в чём проблема? data почему-то не передаёт мой id

var id = $(this).data('id');
        $.ajax({
            url: './inc/ajax.php',
            type: 'POST',
            data: 'id='+id,
            cache: false,
            dataType: 'json',
            processData: false,
            contentType: false,
.....

[Devmusta]

Нужно сначала узнать,что у нас присваивается в саму переменную id
(Синтакис и методы jquery уже не помню)