我有几个随机块.每当一个块落入新行时,我都会让它看起来不同.当用户点击按钮时,我隐藏了几个块display:none,然后出现问题.该nth-child选择也算隐藏要素.
有没有办法忽略那些特定的块,所以每一行都有不同的风格？这是我类似场景的一个例子.
$('.hide-others').click(function () {
$('.css--all-photo').toggleClass('hidden');
}).board-item--inner {
height:200px;
background:tomato;
text-align:center;
color:#fff;
font-size:33px;
margin-bottom:15px;
border:2px solid tomato;
}
@media (min-width:768px) and (max-width:991px) {
.board-item:nth-child(2n+1) .board-item--inner {
border:2px solid #000;
background:yellow;
color:#000;
}
}
@media (min-width:992px) and (max-width:1199px) {
.board-item:nth-child(3n+1) .board-item--inner {
border:2px solid #000;
background:yellow;
color:#000;
}
}
@media (min-width:1200px) {
.board-item:nth-child(4n+1) .board-item--inner {
border:2px solid #000;
background:yellow;
color:#000;
}
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container">
<div class="form-group">
<button class="btn btn-info hide-others" type="button">Hide …我有多个输入框,我想根据用户的选择隐藏/取消隐藏.
我可以通过为每个输入分别使用dependentObservable来实现这一点,然后使dependentObservable观察父选择.
viewModel.showField1= ko.dependentObservable(function () {
return viewModel.selectedType() ? IsFeatureVisible(viewModel, "BusinessFieldName1") : false;
}, viewModel
);
viewModel.showField1= ko.dependentObservable(function () {
return viewModel.selectedType() ? IsFeatureVisible(viewModel, "BusinessFieldName2") : false;
}, viewModel
);
对于每个领域来说,这都是一种乏味的做法.我可以使用可以获取参数的dependentObservable函数绑定元素吗？重要的是它应该在父级更改时触发
其他选项是当父更改时,我遍历元素并隐藏/取消隐藏,但这将要求我映射元素id < - >字段的业务名称.
当前
<tr data-bind="visible: showField1">
<tr data-bind="visible: showField2">
期望
<tr data-bind="visible: showField('BusinessFieldName1')">
<tr data-bind="visible: showField('BusinessFieldName2')">