JQuery와 호버 옵션은 다음 페이지를

Question

내 문제로드합니다 :

을 나는 사용자는 ASC 및 DESC 같은 옵션을 정렬 그들을 사업부의 변화를 가져 가면 컬럼에 헤더 역할을 DIV 태그의 행이있다. 내가해야 할 일은 사용자가 옵션 중 하나를 클릭 할 때 경고가 click 옵션과 값 및 div 클래스 이름으로 팝업 될 때입니다.

예를 들어 사용자가 ASC를 클릭하면 desc를 클릭하면 alertID ASC1 또는 headerID DESC 2가 표시됩니다.

내 인생에서 나는 이것을 알 수 없다. 지금은 그때 옵션

정렬있는 페이지를로드 할 .load()를 사용하는 것입니다 경고와 함께 테스트하고 있습니다

DIV = headerID

종류 = ASC

값 = 1

또는

DIV = headerID

종류 = DESC

값 = 2

클릭 한 항목에 따라 다릅니다.

이미 많은 수 soloutions

http://jsfiddle.net/eQJSU/2/

Answer 1

하나가 무슨 데모?

http://jsfiddle.net/hmeHn/6/

Answer 2

이런 일의 여기 http://jsfiddle.net/hmeHn/1/

Answer 3

나는 그들의 각각에 관련된 클릭 동작으로 링크로 ASC 및 DESC 텍스트를 만들 것입니다. 그런 다음 click 콜백에서 조치를 제공하십시오.

$(this).html('<span id="sortShow">\ 
       <a href="#" class="asc">ASC</a> | \ 
       <a href="#" class="desc">DESC</a></span>'); 
    $(this).on('click', 'asc', function(e) { 
     e, preventDefault(); 
     alert('Ascending'); 
    }).on('click', 'desc', function(e) { 
     e, preventDefault(); 
     alert('Descending'); 
    }) 

이것은 단지 대략적인 예입니다. 또한, 다른 선택자보다 상당히 느리기 때문에 jQuery 선택기에서 regex를 사용하지 말 것을 권장합니다. div [class * = header]가 좋지 않습니다. 다른 클래스를 사용하여 헤더를 구별 해보십시오.