0

我有一个联系表单的模式窗口，在我的网站侧边栏有一个链接：

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

虽然它在所有其他页面上都可以正常工作，但在主页上却无法正常工作。尝试单击它，它不会打开模态窗口。

函数 openDialog() 在 global.js 中定义：

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

我不知道为什么。而且我不知道如何调试 JavaScript。它没有显示任何错误。你能帮我调试一下，还让我知道我以后如何自己调试吗？

谢谢！

4

2 回答 2

1

假设您正在使用一种名为“模态对话框”的 wordpress 插件。这个插件似乎没有很好地安装在您的主页上，而是安装在其他页面上，因此请检查所有布局的插件设置，包括主页使用的那个。

于 2013-01-01T07:48:04.967 回答
1 
 <a id="contactLink" href="/contact-us/" style="color:#e40" > <strong> Click to contact us </strong> </a>

在您的脚本文件中： 

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

如果您没有将 CSS 和 Javascript 与您的标记混合，那么调试起来会容易得多。分离所有东西（至少在生产过程中）是一种很好的做法。

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

于 2013-01-01T08:11:05.783 回答