jquery에서 정적 변수 선언

Question

다음 프로그램에서 정적 변수 선언과 관련하여 도움을주십시오. 버튼 클릭으로 정적 변수 lists.counter의 값을 증가시키고 싶습니다. 하지만 작동하지 않습니다.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" 
    CodeBehind="Default.aspx.cs" Inherits="finalspecific2_list._Default" %> 


    <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> 
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    $(document).ready(function lists() { 

     var list = $('#myList li:gt(0)'); 


     list.hide(); 
     lists.counter = 0; 
     var username = $("#<%= uname.ClientID %>").val(); 
     var pwd = $("#<%= pwd.ClientID %>").val(); 


     $("#<%= Login.ClientID %>").click(function() { 


      lists.counter++; 


      alert(lists.counter); 
      lists.counter++; 


     }); 




     $("#<%= Button1.ClientID %>").click(function() { 

      { 

        alert(lists.counter); 



        } 




       }); 
    }); 



    </script> 

</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 




<asp:Button ID="Login" runat="server" Text="Login" /> 
<asp:Button ID="Button1" runat="server" Text="Login" /> 





</ul> 





</asp:Content> 

버튼을 클릭 할 때 lists.counter가 증가해야하고 이후 클릭에 대해서는 increament가 증가해야합니다. 친절하게 안내합니다.

Answer 1

this.Counter와 lists.Counter를 교체하고

를 작동하는지 확인하거나 노력이 -

<input id="button" type="button" value="button" /> 

var counter = 0; 

$("#button").click(function() { 
    console.log(counter++); 
}); 

데모 : JQuery와 변수를 선언하는 동안 http://jsfiddle.net/AxD7c/이

Answer 2

사이에서 DOT를 사용하지 마십시오, 대신 낙타 형식을 사용하여 두 단어를 구별 할 수 있으므로 list.counter은 listCounter

이어야합니다.

변경된 코드 :

$(document).ready(function lists() { 

    listsCounter = 0; 

    $("#<%= Login.ClientID %>").click(function() { 

     listsCounter++; 

    }); 

}); 

Answer 3

현재 클로저를 사용할 수 있습니다

$(document).ready(function() { 
    // The actual counter is contained in the counter closure. 
    // You can create new independent counters by simply assigning 
    // the function to a new variable 
    function makeCounter() { 
     var count = 0; 
     return function() { 
      count++; 
      return count; 
     }; 
    }; 

    // This variable contains a counter instance 
    // The counter is shared among all calls regardless of the caller 
    var counter = makeCounter(); 

    // The handler is bound to multiple buttons separated by commas 
    $("#button, #another_button, #yet_another_button").click(function() { 
     var i = counter(); 
     console.log("The counter now is at " + i); 

     // Probably update your counter element 
     // $("#counter").text(i); 
    }); 
});​ 

당신은 this 바이올린의 코드를 찾을 수 있습니다.

클로저에 대한 자세한 내용은 here을 참조하십시오.

업데이트 :This fiddle은 동일한 카운터를 공유하는 여러 개의 버튼을 사용합니다.