jQuery-jquery.editable 双击ajxa编辑的问题

前端开发 前端开发 主题:1148 回复:2395

jQuery-jquery.editable 双击ajxa编辑的问题

夜无邪 发布于 2017-06-10 字数 517 浏览 1253 回复 1

想用jquery.editable 实现双击table里面的字段然后ajax修改值,本地直接测试没问题,但是在jquery的dwz框架下,直接单独写<div id='d1'>aaa</div> 可以编辑,在<table><th id='d2'>bbb</th></table>想编辑d2的值无反应
html部分
js部分
请输入图片描述

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(1

浮生未歇 2017-07-15 1 楼

我这按你说的测试的demo,没问题呀,你那里报js错吗?

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.editable-1.3.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#d").editable();
$("#th_1").editable();
$("#td_1").editable();
});
</script>
</head>

<body>
<table width="40%">
<tr><th id="th_1">aaa</th><div id="d">编辑</div><th>bbb</th><th>ccc</th><th>ddd</th></tr>
<tr><td >aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td >aaa</td><td>bbb</td><td>ccc</td><td id="td_1">ddd</td></tr>

</table>
</body>
</html>