1

我正在构建我的第一个 phonegap 应用程序，并且我正在使用topcoat作为美化器（纯 css）演示页面。Topcoat 非常适合移动应用程序，因为一切都是基于 css 的（硬件加速），这是（顺便说一句）使用 phonegap 构建时要走的路。然而，因为一切都是基于 css 的，所以没有 javascript 可以帮助您操作/读取 dom 状态。对于大多数面漆组件（例如单击按钮或在输入中键入一些文本）来说，这没有问题。然而，开/关开关组件实际上是一个花哨的 html 复选框，当您单击它时，它会通过 css 转换打开或关闭。非常好，但复选框本身不会更新（Topcoat 中的错误？）。我提出了一个可行的解决方案，但我想知道这是否是可行的方法以及为什么我不能使用推荐的 jquery'

jsfiddle 演示

<label class="topcoat-switch">
   <input id="testcheck" type="checkbox"  name="testd" class="topcoat-switch__input">
   <div class="topcoat-switch__toggle"></div>
</label>



$('#testcheck').change(function(){
    var el=$(this);
    el.attr("checked", !el.attr("checked"));

    alert(el.attr("checked")?'callback true':'callback false');
});
4

1 回答 1

1

您不需要checked通过代码设置状态，它将由 css 处理

检查这个 

$('#testcheck').change(function(){
    $('#status').html(this.checked?'callback true':'callback false');
});
于 2013-12-13T03:17:24.057 回答