2012-11-29 2 views
2

목록이 있는데 해당 목록의 항목을 클릭하면 변수를 설정하고 싶습니다.jquery mobile var onclick을 지정하십시오.

<li><a href="#secondpage" onclick=""><img src="images\HF1.jpg" class="ui-li-thumb">text</a></li> 

변수 X를 특정 값으로 설정하려면 onclick을 사용하고 싶습니다. 예를 들어 onclick X는 자주색으로 설정됩니다. 아무도 내가 어떻게 할 수 있는지 아니?

감사합니다,

+0

와트 hv u 시도 했습니까? –

답변

0

당신은 같은 일을 시도 할 수 있습니다 :

다음
<script> 
$(function(){ 
    var z; 
    $(".x-var-setter").click(function(e){ 
    z = $(this).attr("data-color"); 
    }); 
}); 
</script> 

<ul> 
    <li><a data-color="purple" href="#secondpage" class="x-var-setter" onclick=""><img src="images\HF1.jpg" class="ui-li-thumb">text</a></li> 
</ul> 
0

당신을 위해 작동하는 예입니다 : http://jsfiddle.net/Gajotres/A8bPy/

HTML :

<ul data-role="listview" data-theme="a"> 
    <li id="purple"><a href="#">item 1</a></li> 
    <li id="red"><a href="#">item 2</a></li> 
    <li id="orange"><a href="#">item 3</a></li> 
</ul> 

자바 스크립트 :

$('ul[data-role="listview"] li').bind('click',function(event, ui){ 
    colors.activeColor = $(this).attr('id'); 
}); 

var colors = { 
    activeColor : 'none' 
} 

저는 개체 내부의 변수를 사용했습니다.이 변수는 요청에 따라 다릅니다. 내 예제를보고 작동 방식을 확인하십시오. Listview는이 이벤트가 모든 사람들에게 작동 할 수있는만큼 많은 요소를 가질 수 있으며 + li 고유 값을 반환합니다.