javascript - Bootstrap Modal 在 Firefox 中不起作用

标签 javascript php jquery html twitter-bootstrap

我一直在 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/

相关文章:

php - 如何为 Intuit 合作伙伴平台创建 Oauth 签名和 SAML 断言?

javascript window.location iframe,使父窗口转到位置

javascript - React event.target 仅针对一个输入元素未定义

javascript - jquery 表列拖放并重新排序

php - 如何在 Laravel 中发生异常后继续执行?

javascript - 如何在视频结束后启用按钮。?

javascript - JQuery onClick 只工作一次

javascript - 在 JavaScript 中如何检测天气类型是 Array 还是 Object?

javascript - scrollOverflow/slimScroll 在 fullPage.js 中无法正常工作

javascript - SVG Raphael jQuery 构建路径/轨迹