JQuery 应用过程详解
发布时间：2018-08-17 12:04:15 所属栏目：传媒 来源：站长网
导读：终极目的：想做一个方便的排序功能。 具体实现：点击后可以输入排序的数字编号，移开后自动更新数据库。 1，我想把这个功能用span来完成，也就需要一个在页面上监控指定的span的东西，他就是： ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数
|
8，再改进一下，排序肯定要指定一个数据ID Copy to Clipboard 引用的内容：[www.veryhuo.com]
<span class="BY" DbID="3" title="点击修改">3</span><br /> <span class="BY" DbID="2" title="点击修改">2</span><br /> <span class="BY" DbID="1" title="点击修改">1</span><br /> <span class="BY" DbID="0" title="点击修改">0</span><br /> Copy to Clipboard 引用的内容：[www.veryhuo.com]
$(document).ready(function(){ $(".BY").click(function() { var old = $(this).text(); var o = $(this); o.html("<input class="OnBY" type="text" onMouseOver="this.select();" value="" + old + ""/>"); $(".OnBY").blur(function() { $.ajax({ type: "GET", url: "Admin_BY.aspx", data: "ID=" + o.attr("BYID") + "&BY=" + $(".OnBY").val(), success: function(msg) { if (msg.indexOf("[BYNOK]")>0) { o.html($(".OnBY").val()); } else { alert("发生错误： " + msg); o.html(old); } } }); }); }); }); 还有更多想法，等有空再增加上去。比如修改时，数据处理有个时间，在等待的时间里，改变下鼠标样式为繁忙等。 或更新后，重新装载数据，因为具体数据不同，只能具体应用。也或者直接刷新页面。 作者博客：http://www.cnblogs.com/myjddy/ （编辑：武汉站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读