Question

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

<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]，网址为

javascript:$('#modal .modal-body').load('/controllers/forums/create_topic_modal.php?id=1',function(e){$('#modal').modal('show');});

有什么想法吗？适用于Chrome。

Answer 1

您必须使用onsubmit属性（在提交表单时触发）。

如果您在return false;的末尾添加onsubmit，表单将不会触发基本行为（例如，获取请求/“页面刷新”）。

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

Firefox中的Bootstrap Modal无法正常工作

1 个答案: