Javascript 引导模式关闭模式onclick
我有麻烦了 每次单击“关闭”按钮时,控制台中都会出现错误:约会:103未捕获引用错误:未定义onCloseModal 在HTMLButtonElement.onclick 我做错了什么?我尝试添加Id=“Closebtn”并添加如下脚本:Javascript 引导模式关闭模式onclick,javascript,asp.net-mvc,twitter-bootstrap,Javascript,Asp.net Mvc,Twitter Bootstrap,我有麻烦了 每次单击“关闭”按钮时,控制台中都会出现错误:约会:103未捕获引用错误:未定义onCloseModal 在HTMLButtonElement.onclick 我做错了什么?我尝试添加Id=“Closebtn”并添加如下脚本: <script> $(document).ready(function(){ // Open modal on page load $("#appointmentInput").modal
<script>
$(document).ready(function(){
// Open modal on page load
$("#appointmentInput").modal('show');
// Close modal on button click
$("#Closebtn").click(function(){
$("#appointmentInput").modal('hide');
});
});
</script>
onshowmodel
和onCloseModal
的函数都引用了ID为#appointinput
的元素,但模态使用ID为#appointmentInput
更正此输入错误将允许模态按预期打开(和关闭)。我还想指出的是,Bootstrap为Modal组件内置的关闭操作也具有完全的功能:
关闭
data dislose=“modal”
是触发模式关闭的属性。在Bootstrap5.x中,这将是数据bs dismission=“modal”
,这不是Bootstrap modals关闭的方式。标记相应版本的引导(按照引导标记中的说明)以获取更多帮助。主要来看一下modals的API文档。