Ребята срочно нужен совет как исправить
Вопрос вот в чем по клику по банеру
<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, время: 19:49. |