jquery-mobile 기능 및 스타일이 실패 함

스크린 샷에 표시된대로 버튼 스타일을 두드린 후에 왜 왜 그런지 알고 싶습니다. 또한 텍스트는 두 번째 탭 이후에만 변경되지 않습니다. 여기jquery-mobile 기능 및 스타일이 실패 함

스크린 샷입니다 : before tapping after tapping 여기 내 코드입니다 :

<!DOCTYPE HTML> 
<html> 
<head> 
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" /> 
<script type="text/javascript" src="js/cordova-1.8.1.js"></script> 
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script> 
<style> 
#pause 
{ 
color:black; 
font-size: 40px;  

} 
</style> 
<script> 
$('#pause').live('tap', function(event){ 

    if ($('#pause').text() == "Start") 
    { 
     $('#pause').text("Pause"); 
    } 

    else 
    { 
     $('#pause').text("Start"); 
    } 


}); 
</script> 
</head> 
<body > 
<div data-role="page" data-theme="c"> 
<div data-role="button" id="pause"> Start </div> 
</div> 
</body> 
</html>

출처

2012-06-29 Sergio

당신이 직접 버튼 ID에 텍스트() 메소드를 적용, 때문에. 요소를 검사하면 jquery-mobile이 button-div에 하위 요소를 추가합니다.

이 시도 :

$('#pause .ui-btn-text').text("Pause");

라이브 데모 : http://jsfiddle.net/nachiket/ww7Sc/

출처

2012-06-29 17:57:15 Nachiket

가 ... 대답과 설명은 정말 도움 주셔서 감사합니다 – Sergio

jquery-mobile 기능 및 스타일이 실패 함

답변

관련 문제