1

スクリーンショットに示されているように、ボタンをタップした後、スタイルが台無しになるのはなぜですか?また、2回タップした後のみ、テキストは変更されません。

これがスクリーンショットです: タップする前に タップした後 これが私のコードです:

<!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>
4

1 に答える 1

2

なぜなら、ボタンIDにのtext()メソッドを直接適用しているからです。要素を調べると、jquery-mobileがbutton-divにサブ要素を追加していることがわかります。

これを試して:

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

ライブデモ: http:
//jsfiddle.net/nachiket/ww7Sc/

于 2012-06-29T17:57:15.780 に答える