jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-mobile – jQuery移动复选框分为2个垂直列?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要将复选框组合在一起但在2列中.在下面的图像中,我创建了2个不同的字段集.我知道这不是非常语义,但它显示了我想要实现的布局.

是否有标准的jQuery Mobile方法来做到这一点?

我希望复选框看起来像属于一个部分.我可以移除绿色左上角的粉圆形,左下方为粉红色,右下方为蓝色.我是否需要为此使用标准CSS覆盖,还是有更优雅的方式?谢谢

解决方法

我想你想看看Layout Grids: http://jquerymobile.com/test/docs/content/content-grids.html

<div class="ui-grid-a">
    <div class="ui-block-a">
             <label><input type="checkBox" name="checkBox-1" /> Any</label>
             <label><input type="checkBox" name="checkBox-1" /> Red </label>
        </div>
    <div class="ui-block-b">
             <label><input type="checkBox" name="checkBox-1" /> Green </label>
             <label><input type="checkBox" name="checkBox-1" /> Black </label>
        </div>
</div><!-- /grid-a -->

UPDATE

根据您的评论,您不能将两个单独的列分组到一个字段集中.

字段集上的data-role =“controlgroup”会删除边距和填充以提供分组效果,但最终结果如下:http://jsfiddle.net/shanabus/qNYPh/1/

但是,如果你可以使用一个父字段集和两个嵌套的,分组的字段集……那么你最终可以得到这样的解决方案:http://jsfiddle.net/shanabus/hcyfK/1/

大佬总结

以上是大佬教程为你收集整理的jquery-mobile – jQuery移动复选框分为2个垂直列?全部内容,希望文章能够帮你解决jquery-mobile – jQuery移动复选框分为2个垂直列?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: