通过单击删除特定的JS代码
Remove specific JS code with a click?
我试着到处找,但找不到解决办法。
我在一个我正在建设的网站上运行两个主要的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变量在页面中,防止脚本你不想运行从运行
相关文章:
- 为什么indexOf在这个js代码中不起作用
- js代码从jQuery转换为原生代码
- JS代码中的减号
- 谷歌地图Api和JS代码不工作
- HTML 5 和 3.js 代码不会在网页上显示任何内容
- 为什么这个JS代码打印未定义
- JS代码在jsbin中有效,在jsfiddle或Chrome/Safari中无效
- 页面加载后加载简单的JS代码
- 扩展JS代码
- 如何使用js代码转发reactjs路由器
- 用js代码重新定位文本
- 即使被信号处理程序中断,node.js代码也会一直运行到完成吗
- JS代码使IE9和Safari冻结,在Opera中不起作用
- 分析JS代码以在客户端获取cookie
- 改进js代码以删除全局变量和函数
- 对php文件的Ajax调用返回该文件中的JS代码,而不是执行它
- 在单独的上下文中运行 js 代码并访问其全局变量
- 这个 ajax.js 代码有什么问题
- 如何使用 GetValues 使用 Jint 运行 Js 代码
- JS代码有什么问题,让我知道代码是否可以改进