首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在移动浏览器中未正确触发Jquery单击事件

在移动浏览器中未正确触发Jquery单击事件
EN

Stack Overflow用户
提问于 2018-07-07 05:22:28
回答 2查看 123关注 0票数 0

这里有个小问题..所以我正在使用JQuery在我的网站上执行显示更多;显示更少的功能,但它只能在PC上工作。在移动设备上,当我点击它时,它会返回到主页或其他页面,这真的很烦人。这里是https://ifsbulgaria.com/services.html网站,有什么想法吗?我在这里应用我的代码:

代码语言:javascript
运行
复制
$(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 + '&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;
  });
});
代码语言:javascript
运行
复制
<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>

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51217771

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档