2017-07-04 44 views
0

我正在做一个ASP.NET MVC网站。如果加入的每个俱乐部会员的会员资格仍然有效,那么需要一个功能让管理员设置。 经过一番调查,我的数字jQuery UI Checkboxradio完全符合我的要求。ASP.NET MVC jQuery UI Checkboxradio勾选后丢失

当我检查复选框时,它看起来很好,打勾并且背景变成蓝色。
但是,当我将鼠标移出时,勾号消失,而背景保持蓝色。

enter image description here

然后,如果我将鼠标移动到它,蜱将再度但只显示当光标停留在小部件上。

我检查视图模型的岗位价值这是正确的,如果我评论

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

原来的复选框正常工作。(打勾不会disapear)
所以我认为这应该是一个前端问题。

这里是我已经包括
引导3.3.7
引导挑选1.0.0
的jQuery 3.1.1
jQuery UI的1.12的我查看

<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> 

部分在同一页面.1
而我的mvc版本是5.2.3.0

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

回答

0

我想出了自己。

由于某种原因检查时(class=ui-state-active)。它使用ui-icons_ffffff_256x240.png作为背景白色但复选框(跨度)的背景也是白色的,所以看起来滴答消失了。

后,我与

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

它的工作原理如我所料覆盖它。