我一直在 Bootstrap 中创建我的网站,当我点击一个包含此内容的按钮时,我遇到了一个奇怪的问题
<form action="javascript:$('#modal .modalbody').load('/controllers/forums/create_topic_modal.php?id='.$forumName['id'].'',function(e){$('#modal').modal('show');});">
<input type="submit" class="btn btn-primary btn-md" value="Create New Post" />
</form>
我在 Firefox 中得到的只是一个浏览器页面,上面写着 [object Object]
并且 URL 写着
javascript:$('#modal .modal-body').load('/controllers/forums/create_topic_modal.php?id=1',function(e){$('#modal').modal('show');});
知道发生了什么吗?在 Chrome 中运行良好。
最佳答案
您必须使用onsubmit
属性(提交表单时触发)。
如果您在 onsubmit
末尾添加 return false;
,表单将不会触发基本行为(例如获取请求/“页面刷新”)。
<form onsubmit="$('#modal .modalbody').load('/controllers/forums/create_topic_modal.php?id='.$forumName['id'].'',function(e){$('#modal').modal('show');}); return false;">
<input type="submit" class="btn btn-primary btn-md" value="Create New Post" />
</form>
关于javascript - Bootstrap Modal 在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26326606/