Ребята, совсем недавно обнаружил - не работает спойлер. Не подскажете, что случилось...?
Не работает спойлер
Сообщений 1 страница 13 из 13
Поделиться2Вс, 5 Июн 2016 09:15:52
Может быть в настройках браузера что-то сбилось или конфликтуют скрипты...
Поделиться3Вс, 5 Июн 2016 09:38:13
Вдумчивый
Ссылку на пост со спойлером, видный гостю (клик по дате в сообщении)
Поделиться4Пн, 6 Июн 2016 13:04:41
Ссылку на пост со спойлером, видный гостю (клик по дате в сообщении)
Поделиться5Пн, 6 Июн 2016 13:24:11
Вдумчивый
Попробуйте в скрипте Спойлера этот кусок:
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
$(this).next('blockquote').toggle('Slow');
$(this).toggleClass('Active');
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
Заменить на такой:
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").on('click',function(){
$(this).toggleClass('Active').next().slideToggle(300);
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
Поделиться6Пн, 6 Июн 2016 13:35:22
Не работает....
Поделиться7Пн, 6 Июн 2016 13:41:06
Вот кусочек :
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").on('click',function(){
$(this).toggleClass('Active').next().slideToggle(300);
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
}); -может убрать?
</script><!-- Правки для спойла сервиса НТML верх-->Отредактировано Вдумчивый (Пн, 6 Июн 2016 13:41:47)
Поделиться8Пн, 6 Июн 2016 14:04:10
Вдумчивый
Cпойлер не работает совместно с (сто раз обсуждалось) (У Вас он в HTML верх
<script type="text/javascript" language="javascript" src="http://lytebox.com/lib/lytebox/lytebox.js"></script>
<link rel="stylesheet" href="http://lytebox.com/lib/lytebox/lytebox.css" type="text/css" media="screen" />
Нун тогда скрипт в атрибуте onclick заменять на вызов внешней функции , лайт бох портит $(this)
Поделиться9Вт, 7 Июн 2016 09:12:11
Cпойлер не работает совместно с (сто раз обсуждалось)
Обсуждалось, говорите? ПЕРВЫЙ РАЗ СЛЫШУ...
(У Вас он в HTML верх
Значит в HTML низ? Слышал перемещают туда script Не внимательный...
Нун тогда скрипт в атрибуте onclick заменять на вызов внешней функции
Не понял.
лайт бох портит $(this)
Значит - удалить?
Deff, а можно полный код?
Поделиться10Вт, 7 Июн 2016 09:29:42
Вдумчивый
1. Выкиньте это, скрипт все равно не работает
<script type="text/javascript" language="javascript" src="http://lytebox.com/lib/lytebox/lytebox.js"></script>
<link rel="stylesheet" href="http://lytebox.com/lib/lytebox/lytebox.css" type="text/css" media="screen" />
2. Поменяйте весь Код Спойлера на такой:
<style type="text/css"> /*Спойлер */
.punbb .quote-box.spoiler-box{
border:#C6C6CF 1px solid;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 2px 4px #8E8E8E;
-webkit-box-shadow: 0px 2px 4px #8E8E8E;
-khtml-box-shadow: 0px 2px 4px #8E8E8E;
-moz-box-shadow: 0px 2px 4px #8E8E8E;
}
.post-content .spoiler-box > blockquote.visible {
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
}
.post-content .spoiler-box span.hide{
display:none;
}
.post-content .spoiler-box .Title span{
color:#fff;font-weight:700;text-shadow:#838379 1px 1px 1px;
}
.post-content .spoiler-box .Title{
background-color:#D5E9FB;
line-height:22px;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
display:inline-block;padding-right:4px;
}
.post-content .spoiler-box .Title.Active{
background-color:#AFF0A8;
}
#button-spoiler {background:url('http://img706.imageshack.us/img706/1943/spoiler.gif') no-repeat center !important;}
</style>
<script type="text/javascript">
function tag_spolierr(){
var enterTITLE = prompt("Введите описание закрытой кнопки", 'Спойлер');
var enterTITLE2 = prompt("Введите описание открытой кнопки", 'Закрыть');
bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]');
}
var image_Spl="<img width=\"34\" src=\"http://savepic.net/700536.png\" class=\"Sp-button\" onmousedown=\"this.src='http://savepic.net/680056.png'\" onmouseup=\"this.src='http://savepic.net/700536.png'\" onmouseout=\"this.src='http://savepic.net/700536.png'\" style=\"margin:-8px 6px 0 -28px;float:left;\" alt=\"'Кнопка'\"/>";
$(function() {var a='<img onclick="tag_spolierr()" title="spoiler" src="/i/blank.gif"/>'
$("#form-buttons td#button-spoiler img").replaceWith(a);
var spl=$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']");
spl.each(function() {
$(this).addClass('Title');
$(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>'))
$(this).prepend(image_Spl);
$(this).attr('onclick',"$(this).toggleClass('Active').next().slideToggle(300);$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible')");
});});
</script><!-- Правки для спойла сервиса НТML верх-->Поделиться11Вт, 7 Июн 2016 10:06:13
Поменяйте весь Код Спойлера на такой:
Спасибо огромное! Все прекрасно работает! +
Поделиться12Пн, 7 Ноя 2016 21:53:34
Доброго времени дня.
У меня тоже не работает.
Я воспользовалась Вашим исправлением , но в форме ответа не появилась кнопка сплойера - http://img706.imageshack.us/img706/1943/spoiler.gif
Заменила на другую кнопочку .
Поделиться13Пн, 7 Ноя 2016 21:55:11
akse178
Ссылку на пост с нерабочим спойлером(клик по дате в сообщении)
Похожие темы
| Не работает спойлер. | Корзина | Пт, 2 Сен 2011 |
| Не работают спойлера в спойлере | Архив | Сб, 29 Дек 2018 |
| Не работает спойлер | Корзина | Вс, 25 Дек 2011 |
| Не работает спойлер (Когда ты гость) | Корзина | Ср, 8 Июл 2009 |
| Обновленный спойлер | Архив | Вс, 1 Апр 2012 |