更多/更少的链接在 Internet Explorer 中不起作用答案

【问题标题】：More / less links not work in internet explorer更多/更少的链接在 Internet Explorer 中不起作用
【发布时间】：2018-11-06 09:48:31
【问题描述】：

我在所有 Internet Explorer 中显示更多/更少文本的功能存在问题。 Internet Explorer 不会隐藏文本，但它始终可见。有谁知道为什么？在较新的 safari、chrome、opera、firefox 中工作正常。

function moreLess(initiallyVisibleCharacters) {
	var visibleCharacters = initiallyVisibleCharacters;
	var paragraph = $(".text")
	

	paragraph.each(function() {
		var text = $(this).text();
		var wholeText = text.slice(0, visibleCharacters) + "<span class='ellipsis'>... </span><a href='#' class='more'>MORE<i class='fa fa-arrow-circle-o-down' aria-hidden='true'></i></a>" + "<span style='display:none'>" + text.slice(visibleCharacters, text.length) + "<a href='#' class='less'> LESS<i class='fa fa-arrow-circle-o-up' aria-hidden='true'></i></a></span>"
		
		if (text.length < visibleCharacters) {
			return
		} else {
			$(this).html(wholeText)
		}
	});
	$(".more").click(function(e) {
		e.preventDefault();
		$(this).hide().prev().hide();
		$(this).next().show();
	});
	$(".less").click(function(e) {
		e.preventDefault();
		$(this).parent().hide().prev().show().prev().show();
	});
};

moreLess(300);

【问题讨论】：

控制台是否出现任何错误？
也 - 它在我的 explorer 11 中运行良好
jsfiddle.net/uwqvt785
另外 - 您可能应该考虑，几乎没有用户剩下，即使用较旧的资源管理器 - 您花在优化资源管理器上的时间可以用于其他地方。成为革命的一部分 - IE 的死亡！
@Stender 然后，为您提供千载难逢的建议的亿万富翁商人无法访问它，因为他使用的是 IE8 (:

标签： javascript jquery html internet-explorer

【解决方案1】：

请检查您引用的 JQuery 参考的版本，我认为问题可能与 JQuery 版本有关。您也可以使用 F12 开发者工具来验证它是否包含 JavaScript 错误。

我根据你的代码做了一些测试。而且我发现在使用最新版本的Jquery（如：jquery-3.3.1）时，在IE8及旧版本中，文字会一直可见。控制台栏将显示下图中的错误。 the console error

这是因为最新版本的 jQuery 不支持旧版本的 IE，您应该尝试使用旧版本的 jQuery，如下所示。

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

它可能运作良好，您可以从捕获中看到。 the running result

最后但并非最不重要的是，不要忘记在代码中添加 .ready() 函数。

$(document).ready(function () {
   function moreLess(initiallyVisibleCharacters) {
            .................
   }
})

【讨论】：