将javascript更新到最新版本的JQuery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了将javascript更新到最新版本的JQuery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1790字，纯文字阅读大概需要3分钟。

内容图文

可能是一个可怕的头衔,但不知道如何陈述问题.

我正在创建一个嵌套的gridview.我使用的是一个例子：http://www.aspsnippets.com/Articles/ASPNet-Nested-GridViews-GridView-inside-GridView-with-Expand-and-Collapse-feature.aspx

在使用示例显示/隐藏嵌套gridview时,它会很有用,直到您尝试使用JQuery v1.10.2运行它.下面的脚本示例使用.live,它在v1.7中折旧.所以我按照建议更新到.on.问题是脚本的“减号”确实是“删除”.似乎发生的是“加”功能似乎再次触发.

这是原作：

        <script type="text/javascript">
        $(document).ready(function () {
            $("[src*=plus]").live("click", function () {
                $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
                $(this).attr("src", "../App_Themes/Theme1/minus.png");
            });
            $("[src*=minus]").live("click", function () {
                $(this).attr("src", "../App_Themes/Theme1/plus.png");
                $(this).closest("tr").after.remove();
            });
        });
</script>

而她就是我的更新方式

    <script type="text/javascript">
        $(document).ready(function () {
            $("[src*=plus]").on("click", function () {
                $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
                $(this).attr("src", "../App_Themes/Theme1/minus.png");
            });
            $("[src*=minus]").on("click", function () {

                $(this).attr("src", "../App_Themes/Theme1/plus.png");
                $(this).closest("tr").after.remove();
            });
        });

但仍然没有去.看起来好像$(“[src * = plus]”)一遍又一遍.

图像从加号更改为负号.

解决方法:

你需要使用event delegation方法：

$(document).ready(function () {
            $(document).on("click", "[src*=plus]", function () {
                $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
                $(this).attr("src", "../App_Themes/Theme1/minus.png");
            });
            $(document).on("click", "[src*=minus]", function () {
                $(this).attr("src", "../App_Themes/Theme1/plus.png");
                $(this).closest("tr").after.remove();
            });
        });

内容总结

以上是互联网集市为您收集整理的将javascript更新到最新版本的JQuery全部内容，希望文章能够帮你解决将javascript更新到最新版本的JQuery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端