0

Функция работает некорректно. При нажатии на кнопку изменение происходит на миг и не фиксируется

$(document).ready(function(){
  $(".a-add-prjct").click(function(){
    $(".a-add-prjct").hide();
    $(".prjct-form").show();

  });
});
.prjct-frm-btn {
  display: inline-block;
}

.prjct-form {
  display: none;
}
<a href="" style="color: red;" class="a-add-prjct">+Add project</a>	
<form class="prjct-form" action="" method="">
  <input type="text" class="form-control" style="width: 50%;" placeholder="project name">
  <button type="submit" class="btn btn-primary prjct-frm-btn">Add</button>
  <a href="" class="a-prjct-form prjct-frm-btn">Cancel</a>
</form>

3
  • верстка нужна и css желательно 23 мар 2019 в 22:55
  • .a-add-prjct не ссылка ли случайно?
    – Kirill
    23 мар 2019 в 23:00
  • Добавил html/css, .a-add-prjct - это анкор(ну, или ссылка)
    – Max
    23 мар 2019 в 23:51

1 ответ 1

1

Происходит переход по ссылке и вы видите пустую страницу, решить можно вот так:

<a href="#" ...

Вот рабочий пример:

$(document).ready(function(){
  $(".a-add-prjct").click(function(){
    $(".a-add-prjct").hide();
    $(".prjct-form").show();
  });
});
.prjct-frm-btn {
  display: inline-block;
}

.prjct-form {
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" style="color: red;" class="a-add-prjct">+Add project</a>	
<form class="prjct-form" action="" method="">
  <input type="text" class="form-control" style="width: 50%;" placeholder="project name">
  <button type="submit" class="btn btn-primary prjct-frm-btn">Add</button>
  <a href="" class="a-prjct-form prjct-frm-btn">Cancel</a>
</form>

1
  • Какая-то была нелепая ошибка. Аж стыдно. Спасибо за помощь)
    – Max
    24 мар 2019 в 10:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.