cadijob,
не понимаю!!! видимо более ничем помочь не могу. |
cadijob,
if(OpenArea == false), это для упертых. ) 0 - это тоже false, а 1 - это тоже true, если проверяется истина/ложь (булево значение), то есть писать if(OpenArea == false), это мягко говоря лишние хлопоты, так как если OpenArea равна или 0 или false, то if(!OpenArea) в обоих случаях вернет true. Бывает, что например функция может возвращать как 0 так и false, в этом случае проверка if(!name(props)) не годится, вот тогда проверять нужно не только значение, но и тип: if(OpenArea === false) и это называется строгим сравнением. У вас же проблемы не потому что вместо true ноль или наоборот, а в том, что где-то логика кода вашего не соответствует ожиданиям. |
Цитата:
Сделал так - if (OpenArea === false) {
$(".tags li").on("click", function(){
alert($("a", this).text());
// if (OpenArea == false) {
// console.log(OpenArea);
// $(this).css( "transform", "scale(0.85)" );
// }
});
}
В консоли OpenArea - true. Но код, выше, выполняется. |
Цитата:
|
Всё.
$(".tags li").on("click", function(){
if (OpenArea === false) {
alert($("a", this).text());
// if (OpenArea == false) {
// console.log(OpenArea);
// $(this).css( "transform", "scale(0.85)" );
// }
}
});
Работает. Спасибо за совет с ===. |
cadijob,
лучше бы не колдовали, а обьяснили алгоритм, того что хотите сделать. |
Цитата:
Сейчас постараюсь объяснить. Вы же макет видели? Так вот, когда форма открывается то по тегам нельзя перейти(то есть не редеректит на другую страницу во время клика) и в дальнейшем ajax будет эти теги в массив собирать по кликам(когда форма открыта, опять же). А вот когда форма закрыта то можно и перейти по ссылке в теге, и "в дальнейшем ajax будет эти теги в массив собирать по кликам" не будет работать. P.S. Заноситься в массив будет id тега, который в свою очередь берётся из БД. |
Цитата:
|
Цитата:
|
cadijob,
что не так? <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>title</title>
<link href="https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function() {
$("#open-close").show();
$("#block-links").hide();
$("#open-close").click(function(a) {
a.preventDefault();
$("#block-links").slideToggle(400)
});
$(".canDisable").on("click", function(a) {
if ($("#block-links").is(":visible")) a.preventDefault();
})
});
</script>
</head>
<body>
<div class="wrapper" id="scroll">
<div class="container">
<div class="botHeader">
<a href="#" id="open-close">
<div class="talkBtn">
<p>Кнопка которая октрывает форму</p>
</div>
</a>
</div>
<div class="borderShadow"></div>
<div class="talk" id="block-links">
<form action="">
<input type="text" name="textTitle" placeholder="Тема сообщения">
<textarea name="textarea" rows="8" cols="80" placeholder="Текст"></textarea>
</form>
</div>
<div class="tags">
<ul>
<li><a href="" class="canDisable">Тег 1</a></li>
<li><a href="" class="canDisable">Тег 2</a></li>
<li><a href="" class="canDisable">Тег 3</a></li>
<li><a href="" class="canDisable">Тег 4</a></li>
<li><a href="" class="canDisable">Тег 4</a></li>
<li><a href="" class="canDisable">Тег 5</a></li>
<li><a href="" class="canDisable">Тег 6</a></li>
<li><a href="" class="canDisable">Тег 7</a></li>
<li><a href="" class="canDisable">Тег 8</a></li>
<li><a href="" class="canDisable">Тег 9</a></li>
<li><a href="" class="canDisable">Тег 10</a></li>
<li><a href="" class="canDisable">Тег 11</a></li>
<li><a href="" class="canDisable">Тег 12</a></li>
</ul>
</div>
<div class="borderShadow"></div>
<div class="posts">
</div>
</div>
</div>
<div class="footer">
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 15:37. |