Question

我刚开始使用ASP.NET和C＃一周前，它正在以正确的方式运行。在我的旅程中，我遇到了点击它时更改Box标签的问题。

我在这个网站上找到了一些例子，并尝试实现它，但不知怎的，它不起作用。

我的头像：

<head runat="server">
    <title></title>
  <script src="/js/jquery-1.10.2.js" type="text/javascript"></script>  
  <script type="text/javascript">

      $('button').click(function () {
          $(this).text(function (i, old) {
              return old == '+' ? '-' : '+';
          });
      });

  </script> 
</head>

我的身体看起来像：

<body>

        <button>+</button>

</body>

但点击它时，此按钮不会从+更改为 -

我试着穿上jsfiddle，这里正在发挥作用。

http://jsfiddle.net/fVpkm/114/

你能告诉我这个非常简单的表格有什么问题吗？

您诚挚的

KP

Answer 1

在你的小提琴中，在左侧，它说onDomready。所以你不必使用document.ready。但在实际代码中，您应该等待dom加载。

<head runat="server">
    <title></title>
  <script src="/js/jquery-1.10.2.js" type="text/javascript"></script>  
  <script type="text/javascript">
 $(document).ready(function(){ 
      $('button').click(function () {
          $(this).text(function (i, old) {
              return old == '+' ? '-' : '+';
          });
      });
});
  </script> 
</head>

Answer 2

正如Ashish已经提到的，你的小提琴完美无缺。这里唯一的问题是正确的声明。

尝试在DOM加载事件中包装脚本：

$(document).ready(function () {
  /* code here */
}

使用Javascript更改按钮上的文本

2 个答案: