首页 > Web开发 > 详细

触发器 评论折叠显示(jquery)

时间:2019-03-14 16:09:59      阅读:194      评论:0      收藏:0      [点我收藏+]
触发器   评论折叠显示(jquery)
 
子页面 :
@if(Model?.count>0)
{
     var i=1;
     var n=model.count-2
     var isHiden = n>0;
     foreach(var item in Model)
     {
          var hiddenitem = isHiden &&  i++<n
          <div class="comment" @(hiddentm?"date-conment-hide="+item.SubjectId:"")>
          <div class="pull-left">
                <img class="comment-userpic img-circle" src="@item.UserPic" />
            </div>
            <div class="comment-right">
                <span class="comment-title">
                    @(item.RealName ?? item.UserName)
                </span>
                <i class="comment-addtionInfo">@Html.DateTime(item.AddDate)</i>
                <p class="comment-text">
                    @item.Content
                </p>
          </div>
         <div class="clearfix"></div>
      </div>
     }
 }
if (Model?.Count > 2)
{
  <a href="#" data-comment-extend="@(Model[0].SubjectId)">展开</a>
}
<script>
     $(‘[date-conment-hide =@(Model[0].subjectId)]‘).hiden();
</script>
主页面:
$(‘table‘).on(‘click‘,‘[data-comment-extend ]‘,function(){
      var self=$(this);
      var sid = self.attr(‘data-comment-extend‘);
      self.html()=="展开"?self.text("折叠"):self.text("展开");
      $(‘[date-conment-hide=‘+sid+‘ ]‘).slideToggle()
     retun false;
});
 

触发器 评论折叠显示(jquery)

原文:https://www.cnblogs.com/Little-Sky/p/10530459.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!