Question

我对jQuery很新。我的问题是

当我调整窗口大小时，我的摘录长度显示正常，但是当我展开窗口时，摘录不会更改为默认长度。例如，默认窗口大小，我的摘录长度是165.当我调整窗口大小时，它变为105.但是当我再次展开时。它仍然显示在105.它可能是165.这是我的代码。

 function windowSize()
    {
        windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
        windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
 }
 windowSize();
 $(window).resize(function ()
 {
      windowSize();
      var str = $(".active .carousel-excerpt").text();

   if (windowWidth <= 659)
   {
      $('.active .carousel-excerpt').text(str.substring(0, 100) + '.....');
   } else if (windowWidth >= 660)
   {
      $('.active .carousel-excerpt').text();
   }
 });

Answer 1

尝试：

 function windowSize()
    {
        windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
        windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
 }
 windowSize();
var str = $(".active .carousel-excerpt").text();
 $(window).resize(function ()
 {
      windowSize();


   if (windowWidth <= 659)
   {
      $('.active .carousel-excerpt').text(str.substring(0, 100) + '.....');
   } else if (windowWidth >= 660)
   {
      $('.active .carousel-excerpt').text(str);
   }
 });

Answer 2

检查一下。 jsbin

var windowHeight;
var windowWidth;
$(function(){
 windowSize();
});

$(window).resize(function ()
 {
      windowSize();

   if (windowWidth <= 450)
   {
      console.log("aaa");
   } else if (windowWidth >= 451)
   {
      console.log("bbb");
   }
 });

function windowSize()
    {
        windowHeight = window.innerHeight ? window.innerHeight :   $(window).height();
        windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
 }

Answer 3

缩小屏幕大小时，您将永久更改字符串值。要保持原始字符串值，请添加另一个 div ，其样式为 display：none ，并保留原始字符串值。

然后进行逻辑计算何时显示摘录。

现场演示：https://getcomposer.org/installer

<强> HTML ：



Edit:

php -r "readfile('https://getcomposer.org/installer');" | php -c php.ini


This command runs the file https://jsfiddle.net/r4nboxp1/1/ using php.ini in the current directory as the config file. The same can be achieved with

<强>的jQuery ：



Edit:

窗口大小和摘录长度

3 个答案: