jquery - 使用 MVC 切换开关

Question

我有一个带有表格的视图，每一行都有一个“+”号，当我单击“+”时，它将显示该行的详细信息。现在，我尝试在单击后将此“+”切换为“-”，当我单击“-”时，它将隐藏该行的详细信息，我对此感到困惑。以下是我的看法

@Html.Grid(Model.Nodes).Sort(sortOptions).Columns(x=>
    {            
        x.For(c => string.Format("<a class='expander' style='color:black;text-decoration:none;' href='showDetail'>" + "{0}" + "</a>", (c.ChildrenCount > 0 && c.EntityType == "TextNode") ? "+" : "")).DoNotEncode();       
    }).Attributes(Class => "DetailTable").Empty("No data.")

<script type="text/javascript">

$(document).ready(function () {

    $(".expander").click(function () {

        //implementation here

        });

        return false;
    });
});
</script>

任何帮助表示赞赏！谢谢

Answer 1

我解决了这个问题如下：

• 为 onclick 事件创建了一个 toggleState 函数

• $(文档).on

  功能切换状态（项目）{

  if (item.className == "expander") {
      item.className = "expanderOff";
  } else {
      item.className = "expander";
  }
  

  }

  $(document).on("click", ".expander", function () {

  });

  $(document).on("click", ".expanderOff", function () {

  });

它已经完成了。:)