2012-10-30 3 views
0

다른 도시를 보여주는 드롭 다운 목록이 있습니다.
그래서, 난 할 노력하고있어 것은,있는 사용자가 클릭하면
방갈로르
하이데라바드 :링크 목록에서 클릭하면 첫 번째 링크를 클릭하십시오.

<ul class="nav-poplist"> 
<li class="nav_divider_before"><a onclick="set_city(1);" href="javascript:">Bangalore</a></li>      
<li><a onclick="set_city(3);" href="javascript:">Hyderabad</a></li>    
</ul> 

현재 순서는 같다, 그래서 다음은 드롭 다운의 코드는 하이데라바드, 하이데라바드가 맨 위에 와야하며, 방갈로르 (그리고 앞으로있을 다른 도시들)는 내려야합니다. 바드한다고 가정 사용자를 클릭하면 다음 순서는
하이데라바드,해야
방갈로르
, 즉 첫 번째 요소가되어야 클릭 링크, 나머지는 아래로 가야한다. 아이디어가 있으십니까?

+0

난 사실은 꽤 jquery 및 javascript에 익숙하지 않으므로이 점에 관해 많은 실마리가 없습니다. –

+0

나는이 동작이 사용자에게 많은 혼란을 초래할 것이라는 점을 일단 확신 할 수 있습니다. 상상해보십시오 : 페이지에있는 것들의 목록이 있습니다.이 목록은 한 항목을 클릭 할 때마다 바뀝니다. –

+0

그래, 팁을 많이 주셔서 고마워. 이 동작을 수정했습니다. 자, 방갈로르 (Bangalore)라는 기본 텍스트가 있습니다. 그 위에 마우스를 가져 가면 Bangalore & Hyderabad라는 드롭 다운을 볼 수 있습니다. 하이데라바드를 클릭하면 텍스트가 하이데라바드로 바뀝니다. –

답변

1

:

$('.nav-poplist li').click(function(){ 
    $('.nav-poplist').prepend(this) 
}) 

http://jsfiddle.net/SQQY7/

+0

'.prepend() 기존 요소를 옮겨서 방금 옮겼습니다. 감사! – Blender

+0

나는 그렇게 생각한다. 왜 물어 보니? – Blender

+1

고마워, 많이, 그 접근 방식은 나를 위해 잘 작동했습니다. –

1

당신은 당신의 set_city() 함수에 다음 줄을 추가하여이 작업을 수행 할 수 있어야한다 : 당신은 prepend 방법을 사용할 수 있습니다

$(this).parent().prependTo($(this).parent().parent()); 
관련 문제