jQuery的功能阿伦点击点击

Question

    $(document).ready(function () {
      $('.poga').css('cursor','pointer');

      $("#poga1").click(function() {
      var n= "poga1";
        alert ("pēc piereģistrē " + n);
      });
      $("#poga2").click(function() {

        var n= "poga2";  
        alert ("pēc piereģistrē " + n);
      });

      $(".poga").click(function(){
         $(".poga").animate({borderBottomWidth:'1'});
         $(this).animate({borderBottomWidth:'0'});
         alert ("n ir vienāds ar " + n);
         switch(n)
    {
    case poga1:
      $("#ChangeContent").html("Pirmā poga nospiesta.");
      break;
    case poga2:
     $("#ChangeContent").html("Otrā poga nospiesta.");
      break;
    default:
      $("#ChangeContent").html("Trešā vai ceturtā poga nospiesta.");
    }

     return false;
});

});

所以，我有这个javascript函数，应该可以在按下按钮后动态更改文本。 “ poga”是指我的语言中的按钮。 由于我是jquery的初学者，因此我尝试使其保持简单。

  $("#poga1").click(function() {
  var n= "poga1";
    alert ("pēc piereģistrē " + n);
  });
  $("#poga2").click(function() {

    var n= "poga2";  
    alert ("pēc piereģistrē " + n);
  });

单击按钮1时，使n等于“ poga1”，单击按钮2时，使n等于“ poga2”

  $(".poga").click(function(){
     $(".poga").animate({borderBottomWidth:'1'});
     $(this).animate({borderBottomWidth:'0'});
     alert ("n ir vienāds ar " + n);
     switch(n)
{
case poga1:
  $("#ChangeContent").html("Pirmā poga nospiesta.");
  break;
case poga2:
 $("#ChangeContent").html("Otrā poga nospiesta.");
  break;
default:
  $("#ChangeContent").html("Trešā vai ceturtā poga nospiesta.");
}

单击任何按钮时（所有按钮都具有此类），请进行动画处理并更改名为“ ChangeContent”的div的内容。

由于某种原因，我什至没有在最后一个函数中得到警报，尽管在我添加注册n的前两个函数之前，最后一个函数正在工作。

我的问题是，当我单击特定的类时，为什么最后一个应该起作用的功能不起作用？

Answer 1

您面临的问题与可变范围有关。 您是在click函数中声明n ，因此在它们之外不存在n 。 看这段代码...

var n;

$(document).ready(function () {
    $('.poga').css('cursor','pointer');

    $("#poga1").click(function() {
        n = "poga1";
        alert ("pec pieregistre " + n);
    });

    $("#poga2").click(function() {
        n = "poga2";  
        alert ("pec pieregistre " + n);
    });

    $(".poga").click(function(){
        $(".poga").animate({borderBottomWidth:'1'});
        $(this).animate({borderBottomWidth:'0'});
        alert ("n ir vienads ar " + n);
        switch(n)
        {
            case "poga1":
                $("#ChangeContent").html("Pirma poga nospiesta.");
                break;
            case "poga2":
                $("#ChangeContent").html("Otra poga nospiesta.");
                break;
            default:
                $("#ChangeContent").html("Treša vai ceturta poga nospiesta.");
        }
        return false;
    });
});

在这种情况下， n是在click函数外部声明的，因此您可以为其分配值，并且它将保留在其他函数中。

编辑：

我在这里更新了您的jsfiddle示例...

http://jsfiddle.net/j6ULQ/2/

Answer 2

在case语句中，您正在测试名为poga1和poga2的变量的值，而不是字符串值。 在值周围添加引号，这样您就可以

switch(n)
{
case 'poga1':
  $("#ChangeContent").html("Pirmā poga nospiesta.");
  break;
case 'poga2':
 $("#ChangeContent").html("Otrā poga nospiesta.");
  break;
default:
  $("#ChangeContent").html("Trešā vai ceturtā poga nospiesta.");
}