Ребята срочно нужен совет как исправить
Вопрос вот в чем по клику по банеру
<div class="pull-left" id="link1"><a href="#"><img src="/1.gif"></a></div> id="link1" передается в обработчик (function ($) { "use strict"; function checkResult(){ if(jQuery(".result1").length && jQuery(".result2").length && jQuery(".result3").length && jQuery(".result4").length && jQuery(".result5").length){ jQuery("#panelb").removeClass("none"); } } jQuery('body').on('click', '#link1 a', function(){ jQuery("#result1").html("<i class='fa fa-check blue'></i>").addClass("result1"); checkResult(); }); jQuery('body').on('click', '#link2 a', function(){ jQuery("#result2").html("<i class='fa fa-check blue'></i>").addClass("result2"); checkResult(); }); jQuery('body').on('click', '#link3 a', function(){ jQuery("#result3").html("<i class='fa fa-check blue'></i>").addClass("result3"); checkResult(); }); jQuery('body').on('click', '#link4 a', function(){ jQuery("#result4").html("<i class='fa fa-check blue'></i>").addClass("result4"); checkResult(); }); jQuery('body').on('click', '#link5 a:not(a:first)', function(){ jQuery("#result5").html("<i class='fa fa-check blue'></i>").addClass("result5"); checkResult(); }); jQuery(".close-alert").click(function(){ jQuery(this).parent().fadeOut(); return false; }); })(jQuery); а вот что в результате получается <p>Чтобы получить бонус сделайте следуещее:</p> <p>1. Кликните по <b>верхнему левому</b> баннеру. <span id="result1"></span></p> <p>2. Кликните по <b>верхнему правому</b> баннеру. <span id="result2"></span></p> <p>3. Кликните по <b>нижнему левому</b> баннеру. <span id="result3"></span></p> <p>4. Кликните по <b>нижнему правому</b> баннеру. <span id="result4"></span></p> <p>5. Кликните по <b>ссылке</b> справа. <span id="result5"></span></p> <div class="none" id="panelb"> <p><a href="<?=$bnslink;?>" class="button">Получить бонус</a></p> </div> но почему-то кнопка не исчезает и не поевляется тоесть суть в чем после клика по 4 банерам и одной ссылке обработчик выводит галочки о рнезультате задания и после 5 галочки тоесть 5 клик по ссылке должна появиться кнопка но оана в самом начале не убераеться |
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Отформатировал
|
Sansan222rus,
всё должно работать, может href и target="_blank" не указан в ваших банерах? |
Цитата:
Цитата:
.none{ display: none; } |
css указан
|
Цитата:
|
Цитата:
|
Как я понял, проблема в том, что кнопка "получить бонус" не отображается.
Попробуйте в самое начало функции "checkResult" вставить это: console.log( $('.result1,.result2,.result3,.result4,.result5').length, $('.result1,.result2,.result3,.result4,.result5').toArray().map(function(node){ return node.className; }); ); Перед кликом по последнему элементу откройте консоль (chrome: F12, вкладка "console") и посмотрите, что там будет отображено. |
Часовой пояс GMT +3, время: 18:49. |