Question

我的弹出窗口内容似乎总是显示列表中的第一项。如何显示每个项目？

这是我正在使用的Razor HTML

    @{
    
       foreach(item in Model.SomeObject)
       {
         <div class="popover-loop" data-toggle="popover" data-popover-content=".popoverContent">i</div>
       }
            
    
       <div class="hidden popoverContent">

          <div class="popover-heading">
             <h4>This is Heading</h4>
          </div>
    
          <div class="popover-body">
             <p>@item</p>             
          </div>
       </div> 
    }

这是JS

    <script>
        $(function () {
            $("[data-toggle=popover]").popover({
                html: true,
                content: function () {
                    var content = $(this).attr("data-popover-content");
                    return $(content).children(".popover-body").html();
                },
                title: function () {
                    var title = $(this).attr("data-popover-content");
                    return $(title).children(".popover-heading").html();
                }
            });
        });
    
    </script>

Answer 1

我有一个粗略的解决方案，就是将popoverContent类更改为一个ID，并添加一个跟踪循环的计数。

因此，本质上，popoverContent将是popoverContent_ @ count，其中count是循环中的变量。

我确定有更好的解决方案，但是如果有人有其他建议？

有没有一种方法可以循环显示引导程序弹出窗口的内容？

1 个答案: