检查后ASP.NET MVC jQuery UI Checkboxradio tick disapear

Question

我正在做一个ASP.NET MVC网站。如果加入的每个俱乐部成员的成员资格仍然有效，则需要一个功能让管理员设置。 经过一番调查后，我认为jQuery UI Checkboxradio非常符合我的要求。

当我选中复选框时，它似乎很好，勾选并且背景变为蓝色 但是，当我移动鼠标时，滴答消失，而背景保持蓝色。

然后，如果我将鼠标移到它上面，勾选将再次显示，但仅当光标保留在小部件上时。

我检查viewmodel的post值是否正确，如果我发表评论

//$("input[type=checkbox]").checkboxradio();

原始复选框按预期工作。（嘀嗒声不会消失）
所以我认为这应该是一个前端问题。

以下是我的观点

的一部分

<div class="form-group">
    @Html.LabelFor(model => model.ClubMultiChosen.Clubs, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @for (int i = 0; i < Model.ClubMultiChosen.SelectedClubs.Count; i++)
        {
            var memberships = Model.ClubMultiChosen.SelectedClubs;
            @Html.Label(@memberships[i].Club.Abbr, new { @for = $"cbxClub{i}" })
            @Html.CheckBox($"ClubMultiChosen.SelectedClubs[{i}].IsActive",
                @memberships[i].IsActive, new { id = $"cbxClub{i}" });
        }
    </div>
</div>

在同一页上我已经包括了 bootstrap 3.3.7
bootstrap-chosen 1.0.0
jQuery 3.1.1
jQuery UI 1.12.1
我的mvc版本是5.2.3.0

不确定我是否提供了足够的信息。任何建议或问题将不胜感激！

Answer 1

我自己想出来了。

出于某种原因检查时（class=ui-state-active）。它使用ui-icons_ffffff_256x240.png作为背景，白色但复选框（span）的背景也是白色，所以它看起来像是嘀嗒声消失了。

用

覆盖后

#form1 .ui-state-active .ui-icon, 
#form1 .ui-button:active .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_555555_256x240.png");
}

它按预期工作。