这里有个小问题..所以我正在使用JQuery在我的网站上执行显示更多;显示更少的功能,但它只能在PC上工作。在移动设备上,当我点击它时,它会返回到主页或其他页面,这真的很烦人。这里是https://ifsbulgaria.com/services.html网站,有什么想法吗?我在这里应用我的代码:
$(document).ready(function() {
var showChar = 100;
var ellipsestext = "...";
var moretext = "още";
var lesstext = "прибери";
$('.more').each(function() {
var content = $(this).html();
if (content.length > showChar) {
var c = content.substr(0, showChar);
var h = content.substr(showChar - 1, content.length - showChar);
var html = c + '<span class="moreellipses">' + ellipsestext + ' </span><span class="morecontent"><span>' + h + '</span> <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 src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="thumbnail">
<div class="fa-center">
<div class="fa-fa-icons" style="width:100%;height:100px;">
<i class="far fa-file-alt fa-3x"></i>
</div>
</div>
<div class="caption">
<h3 class="carousel-h3"><a href="#">IFS DOCUMENT MANAGEMENT ™</a></h3>
<p class="carousel-p comment more" id="para-3">ви дава пълен контрол над фирмената документация. Тук създавате и развивате фирмените документи. Поддържа се сканирането на фактури. Интерфейсът е интуитивен и лесен за използване.</p>
<button href="#myDIV3" class="btn btn-link" onclick="myFunction3()" id="3" role="button">Виж повече</button>
</div>
</div>
https://stackoverflow.com/questions/51217771
复制相似问题