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，因此標籤只是一個佔位符，而不是可點擊的鏈接。試一試。