JQuery와 - 나는처럼 보이는 내 MVC 응용 프로그램에서 페이징 메뉴 PartialView이

Question

모든 데이터를 얻는 방법 : 나는 알아낼 수 없습니다 무엇

<% if (Model.TotalPages > 5) 
    { 
     int index = Model.PageIndex; 
     int minIndex = index - 2; 
     int maxIndex = index + 2; 
     if (index < 2) 
     { 
      minIndex = 0; 
      maxIndex = 4; 
     } 
     if (index > Model.TotalPages - 2) 
     { 
      minIndex = Model.TotalPages - 5; 
      maxIndex = Model.TotalPages; 
     } 
     for (int i = minIndex; i <= maxIndex; i++) 
     { %>  
      <li> 
       <span class="<%= Html.GetClass((i==index), "selected", "notselected") %>"> 
        <a href="<%= Url.Action("TypeNav", "Catalog", new { controller = "Catalog", action = "TypeNav", group = Model.ProductGroup, position = 0, index = i, browseSize = 6 }) %>" class="<%= Html.GetClass((i==index), "selected", "notselected") %>"> 
         <%= i + 1%> 
        </a> 
       </span> 
      </li> 
<%  } 
    } 
    else 
    { 
     for(int i=0; i<Model.TotalPages; i++) { %>  
      <li> 
       <span class="<%= Html.GetClass((i==Model.PageIndex), "selected", "notselected") %>"> 
        <a href="<%= Url.Action("TypeNav", "Catalog", new { controller = "Catalog", action = "TypeNav", group = Model.ProductGroup, position = 0, index = i, browseSize = 6 }) %> "> 
         <%= i+1 %> 
        </a> 
       </span> 
      </li> 
<%  } 
    } %> 

가 JQuery와 앵커 태그에 이벤트를 클릭하여 설정하는 방법입니다 . 앵커 태그에는 NAME 속성이없고 JQuery에 대한 경험이 제한되어있어 작업 할 NAME 속성이 필요합니다.

모든 포인터는 매우 환영합니다.

TIA

Answer 1

당신은 당신의 태그를 얻을뿐 아니라 이름/ID 어떤 CSS 선택기를 지정할 수 있습니다. 예를 들어 문서의 모든 앵커 태그가 이벤트에 가입하도록하려면

$("a").click(function() { /* Do magic */ }); 

이 적용됩니다. 이것은 페이지에있는 다른 모든 앵커 태그를 망치는 경향이 있습니다. 이는 원하는 효과가 없을 수도 있습니다.

당신이 당신의을 부여하려면 공통 동작을 태그는 때로는 쉽게 당신이 마음에 들지 않으면 당신은 더 간단한 선택

$(".pagerLink").click(function() { /* Do magic */ }); 

를 통해 이벤트를 연결할 수 있도록 그들에게 사용자 정의 CSS 클래스를 제공하기 위해 대안인지의 생각은 아이의 선택도 가능 할 가능성이있는 ID는 다음 하위 선택

$("#yourPager a").click(function() { /* Do magic */ }); 

또는 마크 업보고를 사용하여 포함하는 UL 태그를 제공하는

$("span.selected > a, span.notselected > a") 
     .click(function() {/* Do magic */ }); 

즉 선택된 클래스 또는 선택되지 않은 클래스가있는 span 태그의 바로 후손 인 태그를 모두 찾습니다.

그것은 당신의 기본 동작을 취소해야 기억 보람 당신이로 preventDefault

이벤트 핸들러에서 false를 반환하거나 jQuery event object를 사용하여 호출하여이 작업을 수행 할 수 있습니다 (예를 들어, 귀하의 링크로 이동) 태그

Answer 2

당신처럼 뭔가를 할 수 있어야한다 :

$("a").click(function(){ 
    alert("I've been clicked"); 
});