Jquery按钮活动状态

-1

<body> 
    <div data-role="page"> 

    <div align="center" id="mainPageContent1" data-role="content">  
      <div data-role="controlgroup" id="game_part1s" data-type="horizontal"> 

<a data-role='button' id='btn1' href='javascript:changeGamePart("Reset1");'>0 - 5 min</a> 
<a data-role='button' id='btn2' href='javascript:changeGamePart("2");'>6 - 10 min</a> 
<a data-role='button' id='btn3' href='javascript:changeGamePart("3");'>10 - 15 min</a> 
<a data-role='button' id='btn4' href='javascript:changeGamePart("4");'>16 - 20 min</a> 

      </div> 
     </div> 
    </div><!-- /page --> 

<script> 
$(document).ready(function() { 
    setInitialGamePart(); 
}); 
function setInitialGamePart() { 
    changeGamePart(1); 
} 
function changeGamePart(nButtonId) { 
    for (var iPart = 1; iPart < 5; iPart++) { 
     if (nButtonId == iPart) { 
    //alert('add class' + iPart); 
      $('#btn' + iPart).addClass("ui-btn-active"); 
      } else { 
    //alert('remove class' + iPart); 
       $('#btn' + iPart).removeClass("ui-btn-active"); 
       } 
      } 
     } 

    </script> 
</body>

页面初始化时，调用setInitialGamePart并将第一个按钮设置为活动并将其设置为不活动。当我点击任何其他的按键，所有按键去不活跃（正常按钮不亮）Jquery按钮活动状态

不知道什么是这里的错误

的jsfiddle这里http://jsfiddle.net/fFZ6S/

正如你所看到的，初始化工作正常，但点击按钮不会。请帮助

来源

2012-12-28 Sandeep Taneja

我改变了HREF到HREF =“＃”解决了这个问题这么老的代码是

<a data-role='button' id='btn1' href='javascript:changeGamePart("1");'>0 - 5 min</a>

我新的代码看起来像

<a data-role='button' id='btn1' href='#' onclick='javascript:changeGamePart("1");'>0 - 5 min</a>

得到了这个堆栈的提示.. jquery mobile force ui-btn-active on navbar button

这里是的jsfiddle为你们 http://jsfiddle.net/fzaqu/

希望它能帮到你

来源

2012-12-29 16:38:42

回答

相关问题