Javascript Jquery阅读更多内容在移动设备中不起作用

由于某些原因，我在使用以下代码时遇到问题。它可以在桌面上正常工作，但在移动设备上无法正常工作，只能显示整个文本

以下是代码的html部分：

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

<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>

测试

以下是代码的jQuery部分：

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

<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>

$（文档）.ready（函数（）{
var-showChar=10；
var ellipseText=“…”；
var moretext=“阅读更多…”；
var lesstext=“显示较少…”；
$（'.more'）。每个（函数（）{
var content=$（this.html（）；
如果（content.length>showChar）{
var c=content.substr（0，showChar）；
var h=content.substr（showChar，content.length-showChar）；
var html=c+''+ellipseText+''+h+''；
$（this）.html（html）；
}
});
$（“.morelink”）。单击（函数（）{
if（$（this）.hasClass（“更少”））{
$（此）.removeClass（“更少”）；
$（this.html（moretext）；
}否则{
$（此）.addClass（“更少”）；
$（this.html（lesstext）；
}
$（this.parent（）.prev（）.toggle（）；
$（this.prev（）.toggle（）；
返回false；
});
});

我不是100%肯定，但我有个主意。将您的

href=“”

更改为

href=“#”

或

href=“javascript:；”

。空的href可能被假定为不存在href，因此标记只是一个占位符，而不是一个可单击的链接。试试看。

请提供一个小提琴链接或其他东西，因为从您提供的代码来看，我不知道这个

元素在哪里。morelink

元素。。。