Question

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

但是，我遇到的问题是我的脚本中无法识别DIV的按钮。我使用jquery分配了一个click事件，但它不起作用。可能是因为隐藏的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

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

不要忘记将元素恢复为旧容器希望它有所帮助。

此致

Answer 2

尝试移动打开对话框的按钮：

编辑 - 这样的事情应该有用......

HTML ...

<div id="addCollegeForm">things in your dialog</div>
<input type="button" value="open dialog" id="addCollege">

... jquery的

$("#addCollegeForm").dialog({
    autoOpen: false
});


$('#addCollege').click(function () {
    $("#addCollegeForm").dialog("open");
});

http://jsfiddle.net/DTq6m/

http://api.jqueryui.com/dialog/#option-autoOpen

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

2 个答案: