0

我们目前正在将内容加载到iframeTwitter Bootstrap 模式框中。但是，样式没有被执行，因为我们使用 Joomla 的仅内容后缀加载内容：?tmpl=component.

<?php echo '…
$("a[data-toggle=\'"+$modalText+"\']").on(\'click\', function (e) {
    // Call the modal manually
    var url = $(this).attr(\'href\');
    $modal.find(".modal-body-content").html(\'<iframe frameborder="0" width="100%" height="700" allowtransparency="true" src="\' + url + \'"></iframe >\');
    $modal.modal("show");
});
…';?>

原因是内容包含一个表单和提交按钮。.load()如果我们通过 jQuery 的函数加载内容，有没有办法将内容保留在模态框内并在模态框内提交？

感谢您的任何建议。

4

2 回答 2

1

如果你想“在模式内提交”，你应该阻止默认的表单提交（这会触发一个完整的页面加载），而是发送一个 ajax 请求。

您可以手动执行此操作，或使用 jQuery 表单插件（您可以在此处找到）并调用.ajaxForm()：

//to be called once, when the form is present in the DOM
$('#myForm').ajaxForm({
    success: function(data){
       //code to execute when submit successfully returned from server
       //the "data" variable contains whatever the answer is : html, json ...
    }
    //you define here any option of the "$.ajax()" function
});
于 2013-10-09T14:01:47.607 回答
0

您还可以编辑模板目录中的 component.php 以包含 CSS 文件。这样你就可以避免在 jQuery 中编写任何代码；）

于 2013-10-10T00:24:09.687 回答