JavaScript函数不在首页上工作？

Question

我有一个联系表单的模态窗口，其中包含my site侧栏上的链接：

<a href="/contact-us/"  onClick="openDialog();return false;" style="color:#e40"><strong>Click to contact us</strong></a>

虽然它在其他每个页面上都能完美运行，但它不适用于home page。尝试单击它，它将不会打开模态窗口。

openDialog（）函数在global.js中定义：

function openDialog() {
    jQuery("a#inline").trigger('click')
}

我不知道为什么。我不知道如何调试JavaScript。它没有显示任何错误。你能帮我调试一下这个吗，也让我知道将来如何自己调试它？

谢谢！

Answer 1

假设您正在使用一种名为＆＃34;模态对话框＆＃34;的wordpress插件。看起来这个插件没有很好地安装在你的主页上，而是其他页面，所以检查所有布局的插件设置包括主页使用的插件。

Answer 2

 <a id="contactLink" href="/contact-us/" style="color:#e40" > <strong> Click to contact us </strong> </a>

在您的脚本文件中：

 var contactlink = document.getElementById('contactLink')
 contactLink.onclick = openDialog;

var contactlink = document.getElementById('contactLink') contactLink.onclick = openDialog;

如果你没有CSS＆amp; Javascript与您的标记混合在一起。分离所有东西（至少在生产过程中）是一种很好的做法。

获取FireFox的Firebug插件。这是调试javascript的好工具。此外，您可以在浏览器中点击F12，然后会出现本机开发工具。