小黑小波比.实现个人签名

来源：互联网发布：滇红茶知乎编辑：程序博客网时间：2024/04/28 07:15

1.Client/Views/Main/main.tpl

  <span style="white-space:pre"></span> <li class="sidebar-profile text-center">            <h3 class="sidebar-profile-name">Liao.</h3>            <p class="sidebar-profile-description" on="signatrue" data-item="urecord" data-attr="html"></p>            <textarea name="signa" type="text" class="form-control" id="name" style="overflow-y:visiable;display:none;padding:0;"></textarea>            <span class="sidebar-profile-location text-primary">            <i class="icon icon-map-marker" />            <a href="#Admin.BaiduPoint" data-type="lblBaiduPoint">Beijin, CN</a>            </span>        </li>

2.通过点击<p>,然后在这个事件中添加blur事件,是元素消失事件,当点击输入框外的任意处,触发事件.

流程:

1)<p>单击→变成<input>

2)修改编辑完成,点击任意处→变成<p>→把<input>值传给<p>,同时发送服务全

signatrue: function(sender, arg) {var p = _("[on='signatrue']").html();//alert(p);_('[on="signatrue"]').hide();_('[name="signa"]').show().one("blur",function(){var val = _('[name="signa"]').val();_('[name="signa"]').hide();_('[on="signatrue"]').show();_('[on="signatrue"]').html(val);_.post("api/admin/person/daysign",{content:val},function(r){r.result({data:true});},"json");});_('[name="signa"]').html(p);//_('[name="signa"]').one()focus();//_('[name="sina"]').attr("value",p);},

效果:

1.数据加载效果.

2.点击文字后效果

0 0