在动态创建的标签上使用了相同的局部视图，只有第一个标签js在工作

如何解决在动态创建的标签上使用了相同的局部视图，只有第一个标签js在工作

belwo是我的csHTML代码

 <ul class="nav nav-tabs">
                        @{
                            @foreach (var item in Model.dataModels)
                            {
                                <li><a data-toggle="tab" id="item.id" href="#@item.id">@item.displayName</a></li>
                            }
                        }
                    </ul>

动态调用相应的div

<div class="tab-content">
                        @foreach (var item in Model.dataModel)
                        {
                        <div id="@item.id" class="tab-pane fade in">
                            <h3>@item.displayName</h3>
                           
                            <partial name="~/Views/Shared/_mypartialView.cshtml" />
                        </div>
                        }

具有html的部分视图控制使用javascript和jquery根据条件隐藏其中的哪个

问题。

动态创建
1. 标签，相应的div会加载部分视图， 当我单击第一个选项卡时，它将显示带有html控件的部分控件，但是当我单击下一个选项卡或其他选项卡时，将显示所有隐藏控件，并且js无法正常工作。

此问题的解决方法是什么？