Question

我非常坚持我所知道的专家非常简单的问题。我有点新手。我正在创建菜单链接，将HTML文件加载到DIV中。但是它会继续加载到另一个窗口。我使用以下代码：

<a href="ifitting" 
onclick="document.
         getElementById('iftext').
         innerHTML = '<p>MYCONTENT</p>';"
>
LINKID
</a>

“ifitting”是位于“导航”div id中的菜单链接。

我需要它加载到'iftex'div id。

以下是测试页面的链接：

http://www.infinitefashions.com/test1.html

我们非常感谢您提供的任何反馈意见。我已经坚持了两天并且没有找到合适的答案（我知道如何克服;）

Answer 1

只是一个猜测，但我认为你需要添加return false;在你的onclick事件结束时。

<a href="ifitting" onclick="document.getElementById('iftext').innerHTML = '<p>MYCONTENT</p>';return false;">LINKID</a>

虽然没有测试过！

Answer 2

也许有用：

$('#someElement').load("someHTML.html");

Answer 3

你有两个问题：

首先你的href不应该带你去“ifitting”哪个是另一个页面，而是“#ifitting”，例如，这将是同一页面中的书签。然后你不应该在你的js innerHTML里面换行。

这有效：

<a href="#ifitting" onclick="document.getElementById('iftext').innerHTML = '&lt;p&gt;Client Consultation:&lt;br&gt;Process begins with discussing our customersâ€™ personal tastes and their needs with the designer. We assess the function of the garment and advise on suitable cloths from our library of patterns, linings and trims.&lt;/p&gt;';">Initial Fitting</a>

请注意在innerHTML中插入了href="#ifitting"和<br>。

Answer 4

这适用于jsFiddle。

这基本上是Damon的答案，在函数中正确实现而不是在onclick中内联。

如果你创建了这个功能，你可以通过一个onclick函数来获取所有链接找到被点击的链接的ID，然后在查找表中查找文本或用jquery $ .load加载它。这不是在这里完成的。这只解决了发布的简单案例。

HTML

<a href="" id="iflink">Initial Fitting</a>
<p>Content will show up below here on link click:</p>
<div id="iftext"></div>

JAVASCRIPT

// Note: You'll need to load jQuery for this to work
var iftextHTML = '<p>Client Consultation: Process begins with discussing our customersâ€™ personal tastes and their needs with the designer. We assess the function of the garment and advise on suitable cloths from our library of patterns, linings and other crap </p>';

$(function(){
    $('#iflink').on('click',function(){
        $('#iftext').html(iftextHTML);
        return false; // stop link from taking you off the page
    });
});

使用菜单链接将HTML文件加载到DIV中

4 个答案: