Question

在我设计的网站的一部分中，该表从数据库中读取用户的消息并在每行中打印它们。我要求做的是确保每条长度超过50个字符的消息都有＆＃34;阅读更多＆＃34;按钮或链接在它的末尾，当它点击它显示整个消息，然后消失它自己。这是我到目前为止所做的：

foreach ($message as $item) {
     echo '<tr><td>';
     if (strlen($item->text)>50){
          echo mb_substr($item->text,0,50).'<a href="#">readmore</a>';
     } else {
          echo $item->text;
     }
     echo '</td></tr>';
}

它显示了长消息的前50个字符加上readmore链接，但我不知道从这里做了什么。

Answer 1

只需将全文放入隐藏的div中，当“阅读更多”时，该div会变得可见。单击链接。

使用jQuery的示例：

foreach ($message as $item) {
 echo '<tr><td>';
 if (strlen($item->text)>50){
      echo mb_substr($item->text,0,50).'<a href="#" onclick="$(this).hide();$('#myId').show();">readmore</a>';
      echo '<div style="display:none;" id="myId">'. $item->text .'</div>';
 } else {
      echo $item->text;
 }
 echo '</td></tr>';
}

确保您使用的是唯一号码，而不是＆＃34; myId＆＃34;

Answer 2

尝试这样的事情：

ionic emulate android --target="AVD name"

全文出现在隐藏的div中。点击if(strlen($item->text) > 50) { echo echo substr($item->text, 50).'<a href="javascript:void(0);" class="content_trim">readmore</a>'; echo '<p class="full_content" style="display:none;">'.$item->text.'</p>'; // show the full content on the click of .content_trim } else { echo $item->text; }

，使用jquery显示

我如何正确实施＆＃34;阅读更多＆＃34;我的php项目中的按钮？

2 个答案: