REWRITE:导航图像按钮效果

时间:2014-10-31 14:35:17

标签: javascript jquery html css

我在上一个问题上提供了帮助,可以使用JavaScript创建带有导航栏的更改导航链接。现在我需要在同一个JavaScript中自动创建按钮。这就是我所拥有的,这是代码创建的,使用CSS和html输出。 http://jsfiddle.net/k35wawyg/2/

应该发生什么

如果按钮在右上角出现在彼此上方,应该会发生什么,但它似乎无法正常工作。此外,这些按钮应该与

中的

内的JavaScript src链接
<div id="navigation">
    <div class="navlinks">
        <div id="output2">
        </div>
    </div>
    <script src="nav.js">
</div>

实际发生的事情

正如您在JSFiddle中看到的那样,它们位于NavBar之下,彼此相对,并且单击它将使输出控制台错误:

Uncaught ReferenceError: execFunction() is not defined

请帮忙。由于JSFIDDLE请求,我重写了这个问题。

1 个答案:

答案 0 :(得分:0)

我认为你的片段中存在许多问题。我修改了代码,这是一个新的jsFiddle现在似乎工作。因为我改变了很多东西,所以我不能在这里列出它们,但是如果你将新代码与现有代码进行比较,希望它应该变得清晰。

jsFiddle

可能最大的变化是调用函数的方式:

<a onclick="execFunction2();">