Bootstrap Модальный в Firefox не работает

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] и URL говорит

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>