Firefox中的Bootstrap Modal不起作用


Bootstrap Modal in Firefox not working

我一直在引导程序中创建我的网站,当我点击中的一个按钮时,我遇到了一个奇怪的问题

<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;,则表单不会触发基本行为(eq.get-request/"页面刷新")。

<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>