javascript - 放置在模态中时无法识别 ID

Question

我正在创建一个注册表单，其内容包含在 DIV(隐藏)中，然后当用户单击按钮时，模式会显示，并通过 DIV ID 加载内容。

但是，我遇到了一个问题，即我的脚本中无法识别 DIV 的按钮。我使用jquery分配了一个点击事件，但它不起作用。可能是因为隐藏的 DIV 与模态中创建的 DIV 冲突(最终将具有相同的 ID)。

这是我的脚本:

$('#addCollege').click(function(e){
    modal.open({content: $('#addCollegeForm').html()});
    e.preventDefault();`
});

这是DIV

<div id="addCollegeForm" style="display:none">
    <label>College:</label><br>
    <input type="text" placeholder = "Enter college name here..." id = "collegeDescription" > <br>
    <input type="button" value="Save" id= "addCollege">
</div>

谢谢，非常感谢您的帮助。

Answer 1

我为 Bootstrap 编写了一个对话框插件，并遇到了类似的问题。
我想弹出一个现有的 dom 元素。

解决方案如下:

$targetElement.detach().appendTo($window.find('.modal-body')) // $targetElement is an existing dom

分离元素并将其附加到容器。

不要忘记将元素恢复到旧容器。
希望对您有所帮助。

问候