Question

我试过四处寻找，却找不到解决方案。

我在我正在构建的网站上运行两个主要的JS函数。一个是延迟加载，一个是平滑滚动，后者是到页面底部的锚链接。

然而，当它们都存在时，它们会相互冲突，因为你无法使用lazyload将平滑滚动锚定到页面底部......它只是没有发生。

如果用户点击锚链接，有没有办法禁用lazyload？因此，使它工作，如果他们没有，那么lazyload工作正常吗？

延迟加载：

<script>
     $("img").lazyload({
         threshold : 10000,
         placeholder : "images/white.gif",       
         effect      : "fadeIn"
     });
        </script>

平滑滚动（虽然不幸的是这适用于所有锚链接... grrr）：

<script>
        $(document).ready(function() {
          function filterPath(string) {
          return string
            .replace(/^\//,'')
            .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
            .replace(/\/$/,'');
          }
          var locationPath = filterPath(location.pathname);
          var scrollElem = scrollableElement('html', 'body');

          $('a[href*=#]').each(function() {
            var thisPath = filterPath(this.pathname) || locationPath;
            if (  locationPath == thisPath
            && (location.hostname == this.hostname || !this.hostname)
            && this.hash.replace(/#/,'') ) {
              var $target = $(this.hash), target = this.hash;
              if (target) {
                var targetOffset = $target.offset().top;
                $(this).click(function(event) {
                  event.preventDefault();
                  $(scrollElem).animate({scrollTop: targetOffset}, 1400, function() {
                    location.hash = target;
                  });
                });
              }
            }
          });

          // use the first element that is "scrollable"
          function scrollableElement(els) {
            for (var i = 0, argLength = arguments.length; i <argLength; i++) {
              var el = arguments[i],
                  $scrollElement = $(el);
              if ($scrollElement.scrollTop()> 0) {
                return el;
              } else {
                $scrollElement.scrollTop(1);
                var isScrollable = $scrollElement.scrollTop()> 0;
                $scrollElement.scrollTop(0);
                if (isScrollable) {
                  return el;
                }
              }
            }
            return [];
          }

        });
          </script>

提前致谢， [R

Answer 1

您可以使用comments / * /所包含的内容替换脚本内容，然后单击，然后通过删除这些注释/ * /重新启用。如果脚本永远不需要在同一页面上再次使用，您可以将脚本放在带有id的容器元素中，并使用jquery从click页面上的该元素中删除该元素。可能有用的另一个选项是改变javascript以检查在单击锚链接时切换的'标志'，'flag'可以只是页面中的javascript变量，可防止您不想运行的脚本从跑步。

点击一下删除特定的JS代码？

1 个答案: