- 15, May 2024
- #1
Привет ребята,
Может ли кто-нибудь мне здесь немного помочь?
Я пытаюсь использовать этот JQuery, чтобы ограничить некоторые текстовые символы в разных размерах окна:
http://jsfiddle.net/5SM9u/32/
Этот пример кода работает отлично. Но не на моем сайте:
Появится зеленая полоса с полным текстом. При изменении размера окна полоса стала красной, а текст ограничен.
Здесь все хорошо. Проблема в том, что когда я возвращаюсь к исходному разрешению, полоса не меняет цвет с красного на зеленый, как в примере. Что я делаю не так? Код, который я использовал:
http://jsfiddle.net/5SM9u/32/
Этот пример кода работает отлично. Но не на моем сайте:
<script src="[URL='https://lumtu.com/yti/a4ii4anNodHRwOi8vdGhlYnRjZHVkZS5jb20vanF1ZXJ5LTMuMi4xLm1pb1mL']http://thebtcdude.com/jquery-3.2.1.min.js[/URL]"></script>
<script type="text/javascript">
function checkWidth() {
if ($(window).width() < 700) {
$('#menu2').addClass('f-nav');
$("#menu2").each(function(i){
len=$(this).text().length;
if(len>30)
{
$(this).text($(this).text().substr(0,30)+'...');
}
})
} else{
$('#menu2').removeClass('f-nav');
$("#menu2").each(function(i){
$(this).text($(this).data('originalTxt'));
});
}
}
$("#menu2").each(function(){
$(this).data({originalTxt: $(this).text()});
});
$(window).resize(checkWidth);
</script>Появится зеленая полоса с полным текстом. При изменении размера окна полоса стала красной, а текст ограничен.
Здесь все хорошо. Проблема в том, что когда я возвращаюсь к исходному разрешению, полоса не меняет цвет с красного на зеленый, как в примере. Что я делаю не так? Код, который я использовал:
[URL='https://lumtu.com/yti/bwbbwbS9odHRwOi8vdGhlYnRjZHVkZS5jSZk']http://thebtcdude.com/[/URL]
![[Елена Попова] Укутанное детство. Не прячьте детей от жизни (2020)](/assets/images/icons/forum5.png){kind=icon}
