基础开关未启用

时间:2013-12-04 04:59:19

标签: jquery zurb-foundation

我正在使用Foundation 4的Switch。我在php页面上禁用它,除非并且直到用户登录,此时,我以编程方式启用它,更改字体颜色,并检查默认值。如果用户从PHP页面的初始加载登录,$ there_are_prefs将为1.字体颜色和DIV标题的删除工作正常,但启用不是,我不知道我在做什么不正确。

HTML:

   <div class="row">
    <div class="small-3 small-centered columns">
    <div class="switch medium round" id="pref_switch" <? if(!$there_are_prefs){ ?>title="Please Login"<? } ?>>
      <input id="x" name="switch-x" type="radio" onclick="document.getElementById('use_prefs').value='yes';" <? if($there_are_prefs){ ?>checked<? }else{?>disabled<? } ?>>
      <label for="x" id="lblUse" onclick="" style="color:<? if($there_are_prefs){ ?>black<? }else{ ?>grey<? } ?>;">Use Store Prefs</label>

      <input id="x1" name="switch-x" type="radio" onclick="document.getElementById('use_prefs').value='no';" <? if(!$there_are_prefs){ ?>checked disabled<? } ?>>
      <label for="x1" id="lblDont" onclick="" style="color:<? if($there_are_prefs){ ?>black<? }else{ ?>grey<? } ?>;">Don't Use</label>
      <span></span>
    </div>
    </div>

jQuery的:

$("#x").prop('disabled',false).prop("checked", true);
$("#x1").prop('disabled',false);
// change the font color back to black lblUse, lblDont
$('#lblUse').css('color', 'black');
$('#lblDont').css('color', 'black');
// remove the title from #pref_switch
$('#pref_switch').prop('title', '');

1 个答案:

答案 0 :(得分:0)

卫生署!我是个白痴。该页面包含许多包含的文件,包括登录/注销逻辑,自从我复制并粘贴了Foundation网站的示例后,我在页面上有两组具有相同ID的开关。