小编Jon*_*mid的帖子

使用HTML,创建一个复选框,如下所示:

<form>
   <input type="checkbox" id="category1">Category1<br>
</form>

使用javascript我们可以选中这样的复选框:

$("#category1")[0].checked = true

现在我试图用jquery-mobile创建相同的页面.该复选框如下所示:

<form>
    <label>
        <input name="checkbox-0 " type="checkbox">Check me
    </label>
</form>

为什么没有id这里？是这个名字id吗？我应该删除属性名称并创建一个名称id？

如何使用Javascript/jQuery在此处勾选此复选框？

我尝试了上面的代码,但它似乎不适用于此复选框.

我有一个listview,我想添加一些图标.我希望最终结果如下所示:

斯坦福移动网页

正如您所看到的,图标看起来非常好(与文本大小相同).现在我想尝试对我的项目做同样的事情.但是我得到了这个结果:

正如您所看到的,图标看起来非常小......我正在查看斯坦福网站的页面来源,他们的工作是:

    <ul data-role="listview" data-inset="true">
        <li><a href="news/"><img src="img/icon/news.png" alt="News" class="ui-li-icon">News</a></li>
    </ul>

这意味着他们class="ui-li-icon"在列表中添加属性.但这会产生一个非常小的图标..(我试过48x48,32x32 ......)

我怎样才能解决这个问题？有任何想法吗？

编辑

因为我试图复制上述网站的行为,所以继续stanford页面的CSS.也许有人可以看到他们在哪里给出了这种行为.

/* Widen and center h1 text between "Back" and "Home" buttons */
.ui-title {
    width:50%;
    margin-left:26% !important;
    margin-top: 0 !important;
    padding: 5px 0 !important;
}
/* Align Home button left */
.ui-header .ui-btn-right {
    left:10px;
    right:inherit;
}
/* Capitalize header h1 */
.ui-header h1 {
    text-transform:capitalize;  
}
/* Full Site/About icon spacing */
.ui-btn-inner {
    padding-left:40px;  
}
/* Nested list …