javascript - Jquery 阅读更多内容在移动设备上不起作用

Question

由于某种原因，我在使用以下代码时遇到问题。它在桌面上运行良好，但在移动设备上则无法运行，而是显示整个文本。

这是代码的 html 部分:

<span class="more"> test  test  test  test  test</span>

这是代码的 jQuery 部分:

<script>
$(document).ready(function() {
var showChar = 10; 
var ellipsestext = "...";
var moretext = "Read More...";
var lesstext = "Show less...";


$('.more').each(function() {
    var content = $(this).html();

    if(content.length > showChar) {

        var c = content.substr(0, showChar);
        var h = content.substr(showChar, content.length - showChar);

        var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';

        $(this).html(html);
    }

});

$(".morelink").click(function(){
    if($(this).hasClass("less")) {
        $(this).removeClass("less");
        $(this).html(moretext);
    } else {
        $(this).addClass("less");
        $(this).html(lesstext);
    }
    $(this).parent().prev().toggle();
    $(this).prev().toggle();
    return false;
});
});
</script>

Answer 1

我不是100%确定，但我有一个想法。将 href="" 更改为 href="#" 或 href="javascript:;"。空的 href 可能会被假定为不存在 href，因此该标签只是一个占位符，而不是可单击的链接。尝试一下。