Question

我想通过点击gridview上的脓图来展开网格视图。但我的下面的代码不起作用。我怎样才能做到这一点？代码：

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

Answer 1

您可以尝试以下脚本。

   $(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", "images/minus.png");
    });

    $(document).on("click","[src*=minus]",function(){
       $(this).attr("src", "images/plus.png");
        $(this).closest("tr").next().remove();
    });

});

Answer 2

尝试使用脚本

$（“[src * = plus]”）。on（“click”， function（）{ $（this）.closest（“tr”）。after（“”+ $（this）.next（）。html（）+“”） $（this）.attr（“src”，“images / minus.png”）; }）; $（“[src * = minus]”）。on（“click”，function（）{ $（this）.attr（“src”，“images / plus.png”）; $（本）.closest（ “TR”）的next（）remove（）方法。; }）;

查看以下网址，了解使用.click方法的完整详情 https://api.jquery.com/click/

为什么jQuery点击功能不起作用

2 个答案: