工具&利器

jQuery插件之jeditable

软件相关信息

jQuery版本: 待补充

jeditable版本: 待补充

示例代码

 

<td><span class="span" id="{$region.region_id}">{$region.region_name}</span> | <lt name="region.region_type" value="3"><a href="url">管理</a> </lt> <a class="confirm ajax-get" title="删除" href="url">删除</a></td>

    <script src="jquery.jeditable.js"></script>
    <script>
        //即时字段编辑 - id 直接写到标签默认读 详细看代码
        $(document).ready(function(){
            $(".span").editable('url',{
                tooltip   : '单击可以编辑...',
                style  : "inherit", //输入框样式
                onblur : 'submit', //失去焦点执行操作  
            });
        })
    </script>

id name 是默认参数 默认方法是POST  那么后台就会有 $_POST[‘id’] 与 $_POST[‘value’]

id 就是标签上的ID属性 如上 <span id=”xx”>xxxx</span>

其它例子可以查看官方例子 -> link

GIT 地址: link

 

 

 

 

发表评论