我正在使用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', '');
答案 0 :(得分:0)
卫生署!我是个白痴。该页面包含许多包含的文件,包括登录/注销逻辑,自从我复制并粘贴了Foundation网站的示例后,我在页面上有两组具有相同ID的开关。