Question

我想将ID为maininner的div中的内容从我自己网站http://www.salcombeyurts.com/stage/yurt1.html上的网址加载到同一网站上另一个网址http://www.salcombeyurts.com/stage/availability.html上ID为yurt1_avail的div中。

我在CMS之外尝试过测试，但它确实有效。我正在使用这个JQuery：

<div id="yurt1_avail"></div>
<script type="text/javascript">
$(document).ready(function() {
$('#yurt1_avail').load('yurt1.html #maininner');
});
</script>

使用CMS / MySQL和.htaccess重写SEF URL时是否可以执行此操作？这只能在静态内容html页面上使用吗？

如果这种方法不起作用，我有哪些替代方案？我需要将一个页面上的可用性表的内容加载到将显示3个不同可用性表的摘要页面上。我正在使用Joomla，我选择的可用性组件只能直接链接，它没有模块选项或短代码嵌入到文章或模块中。

也许可以使用iFrames，但是我如何将CSS隐藏到页面内容的其余部分呢？我只需要来自#maininner的内容。

或者HTML5 / CSS3标记中有什么可以帮助我吗？

Answer 1

AJAX调用是一个http请求，所以即使你有URL重写它也会工作。

案例1 - 如果您需要在主div（布局中通常显示内容的部分）上传内容，则必须完全禁用编辑器（默认情况下为tinyMCE）。不要试图通过单击“HTML”按钮来编辑HTML源代码，它将无法正常工作，因为TinyMCE会清除javascript代码。

案例2 - 如果要将AJAX请求的内容上传到其他地方，例如在侧边栏中，您将不得不使用Joomla模块，也许是一个代码友好的模块，例如其中之一：http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-modules

JQuery .load我需要将内容从一个url加载到另一个url

1 个答案: