为什么数据目标找不到我的模态ID？答案

【问题标题】：Why is data target not finding the id of my modal?为什么数据目标找不到我的模态ID？
【发布时间】：2020-08-16 22:37:55
【问题描述】：

我有一个程序，用户可以在其中从文本文件中删除一行，但是，在删除之前，我希望有一个确认模式，用户可以在其中仔细检查他/她是否删除了正确的行。但是，我的模态 ID 似乎没有与负责调出模态的按钮的数据切换链接？

调出模态的按钮：

<button class="btn" data-toggle="modal" data-target="@dataLine.Split(Model.CategoryList.delimiterChar)[1]" id="@dataLine.Split(Model.CategoryList.delimiterChar)[1]">Delete</button>

提供额外的上下文； “@dataLine.Split(Model.CategoryList.delimiterChar)[0]”是文本文件中行的一部分，我使用它是为了能够判断需要删除哪一行。

下面是我的模式，我使用与上面的数据切换相同的 id 值：

<div class="modal" id="@dataLine.Split(Model.CategoryList.delimiterChar)[1]" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Modal title</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>@dataLine.Split(Model.CategoryList.delimiterChar)[0]</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" onclick="location.href = '@Url.Action("DeleteCategoryLine", "Index", new { id = dataLine.Split(Model.CategoryList.delimiterChar)[1] })'">Yes</button>
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                            </div>
                        </div>
                    </div>
                </div>

甚至可以像我上面那样使用数据切换和id吗？

【问题讨论】：

标签： c# html asp.net model-view-controller razor

【解决方案1】：

为什么要使用文本文件的选定行设置 id？如果你的文本行有空格怎么办？给出一个静态 id-name 并在 data-target 中引用它，因为根据我的理解，这个弹出窗口不是动态生成的。您的目标将在模态体内实现，即显示删除了哪一行

【讨论】：

这样做的问题是，当按下模态“是”时，我有一个点击事件需要发生。上面问题中显示的模态和按钮都属于 foreach 循环，如果没有具有上述 id 的模态，该功能将无法按预期工作。用户将无法删除所需的行。
对不起，我没有看到任何关于循环的说明。无论如何，如果您使用循环，则可以使用索引作为 id 而不是行（可以通过索引过滤掉行）。数据目标也应该看起来像``` data-target="#id" ```你缺少“#”