Question

我有点奇怪的问题。我创建了一个Chrome扩展程序，当用户编辑Google文档时会自动向下滚动。当doc处于分页模式时，它似乎工作正常。如果我将其切换到紧凑模式，那么似乎jQuery将无法获得所有请求的元素。基本的HTML树在分页和紧凑模式下几乎相同。我很难过，不知道为什么它不能正常工作。我们应该主要关注'$ currentPage'的工作原理。有时高度会在不应该发生时返回0。

[编辑]这时候它会搞砸：它在分页模式下工作正常。但是当我在第2页上已有文本时以紧凑模式启动扩展时，它将按预期工作。如果我将文本一直删回到第1页，它仍将按预期工作。但是，如果我开始在第2页中输入文字，它就会开始变得混乱。

以下是代码：

function autoScrollFunc(){
   if(autoscrollEnabled){
      var oldCount = pageCount;
      // get all the pages
      var $pages = $("div.kix-page");
      // count how many pages there are
      pageCount = $pages.length;
      console.dir($pages);
      console.dir($pages.last());
      console.dir($pages.last().find("div.kix-paragraphrenderer"));
      $currentPage = $pages.last().find("div.kix-paragraphrenderer").first();
      //console.dir($currentPage);
      //pageHeight = $pages.first().height();
      if(pageCount != oldCount){
         // update data if there are changes in page count
         console.log("Number of pages changed! Count: " + pageCount);
         pageHeight = $pages.first().height();
      }
      // scroll to new position
      scrollToNewPosition();
   }
}

function scrollToNewPosition(){
   if(autoscrollEnabled){
      oldHeight = viewLoc;
      var upperSection = toolbarHeight + getRulerHeight();
      var windowHeight = $(window).height();
      var marginHeight = (pageCount > 1) ? getTopMarginHeight() : firstMarginHeight;
      var docViewHeight = (windowHeight > upperSection) ? (windowHeight - upperSection) : 0;

      // calculate the scroll location
      var totalDocHeight = (pageHeight * (pageCount-1)) + $currentPage.height() + marginHeight;
      viewLoc = (totalDocHeight < docViewHeight) ? 0 : totalDocHeight - docViewHeight + $currentPage.height();

      console.log("upperSection: %s, windowHeight: %s, marginHeight: %s, docViewHeight: %s, totalDocHeight: %s, viewLoc: %s, currentPage.height(): %s",
            upperSection, windowHeight, marginHeight, docViewHeight, totalDocHeight, viewLoc, $currentPage.height());

      if(oldHeight != viewLoc){
         // if there are changes in height, then scroll to the new position
         $docScroller.animate({ scrollTop: viewLoc}, 250);
      }
   }
}

如果您想亲自尝试扩展，请参阅项目网址：

http://code.google.com/p/google-docs-autoscroll/

先谢谢你们。

jQuery有时候没有获得所有元素

0 个答案: