通过单击删除特定的JS代码

Remove specific JS code with a click?

本文关键字:JS 代码 单击 删除      更新时间:2023-09-26

我试着到处找,但找不到解决办法。

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

然而,当它们都存在时,它们相互冲突,因为你不能用lazyload锚定平滑滚动到页面底部…这是不可能的。

是否有一种方法来禁用惰性加载,如果用户点击锚链接?从而使它工作,如果他们不工作,那么懒惰负载工作得很好吗?

延迟加载:

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

平滑滚动(虽然不幸的是这适用于所有锚链接…嗯……):

<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

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