Javascript 基于id值使敲除数组对象可见
我看到的所有示例都是针对显式写在页面上的DOM元素的。在我的例子中,我使用knockout foreach在我的可观察数组中创建一个项目列表:Javascript 基于id值使敲除数组对象可见,javascript,jquery,arrays,knockout.js,Javascript,Jquery,Arrays,Knockout.js,我看到的所有示例都是针对显式写在页面上的DOM元素的。在我的例子中,我使用knockout foreach在我的可观察数组中创建一个项目列表: <div class="tab-pane fade" id="recruiting"> <input type="text" data-bind="value: selectedOrgKey" id="orgSectionId" onchange="FlipOrgView()" style="visibility: hidden
<div class="tab-pane fade" id="recruiting">
<input type="text" data-bind="value: selectedOrgKey" id="orgSectionId" onchange="FlipOrgView()" style="visibility: hidden;" />
<ul class="list-unstyled" data-bind="foreach: orgs">
<li data-bind="attr: { id: 'orgSection' + orgId}" class="orgSection">
从技术上讲,这是第一次,但当我翻阅所有内容时,所选id会落后于显示上一个选择的位置,而不是当前选择的位置。我知道有多种方法可以实现这一点,因此,无论是击出还是其他方法,如何使用击出foreach方法正确切换对象数组的可见性?如何:
<div class="tab-pane fade" id="recruiting">
<input type="text" data-bind="value: selectedOrgKey" id="orgSectionId" style="visibility: hidden;" />
<ul class="list-unstyled" data-bind="foreach: orgs">
<li data-bind="visible: $parent.selectedOrgKey() === orgId(), attr: { id: 'orgSection' + orgId}" class="orgSection">
-
在您的示例中,我不太确定您是如何设置selectedOrgKey的,但这应该符合MVVM的行为,我想您已经了解了。啊,谢谢。这件事伤了我的大脑。或者缺乏大脑。@davidesawesomenp乐于帮助:)
<div class="tab-pane fade" id="recruiting">
<input type="text" data-bind="value: selectedOrgKey" id="orgSectionId" style="visibility: hidden;" />
<ul class="list-unstyled" data-bind="foreach: orgs">
<li data-bind="visible: $parent.selectedOrgKey() === orgId(), attr: { id: 'orgSection' + orgId}" class="orgSection">