0

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

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

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

我需要将其加载到“iftex”div id 中。

这是测试页面的链接：

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

任何可以提供的反馈将不胜感激。我已经坚持了两天，还没有找到有效的答案（无论如何我都知道如何克服；）

4

4 回答 4

1

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

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

虽然没有测试过！

于 2013-08-07T19:57:48.813 回答
1

也许有用：

$('#someElement').load("someHTML.html");
于 2013-08-07T19:59:28.047 回答
1

你有两个问题：

首先，您href不应该将您带到另一个页面的“ifiting”，而是将您带到例如“#ifiting”，这将是同一页面中的书签。然后你的 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>

于 2013-08-07T20:03:20.843 回答
0

这适用于jsFiddle。

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

如果你让函数找到被点击链接的 id，然后在查找表中查找文本或使用 jquery $.load 加载它，你可以为所有链接使用一个 onclick 函数。这不是在这里完成的。这仅解决了发布的简单案例。

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
    });
});
于 2013-08-07T20:27:18.937 回答