- 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]Код (разметка): Спасибо.
![[Виктор Луганский] Как похудеть просто сидя на стуле и ничего не делая](/assets/images/icons/forum3.png){kind=icon}
![[Умница] Времена года в искусстве. Осень](/assets/images/icons/forum7.png){kind=icon}
