将jQuery与WordPress主题一起使用时出错

Question

我购买了WordPress主题，并已开始对其进行自定义。 在我的一生中，该主题的一个方面我无法弄清楚为什么它重定向到名为“ undefined”的页面。

sdndaily.com是有问题的网站。

!function (a, b) {
'object' == typeof module && 'object' == typeof module.exports ? module.exports = a.document ? b(a, !0)  : function (a) {
    if (!a.document) throw new Error('jQuery requires a window with a document');
    return b(a)
}
 : b(a)
}('undefined' != typeof window ? window : this, function (a, b) {
var c = [
],
d = c.slice,
e = c.concat,
f = c.push,
g = c.indexOf,
h = {
},
i = h.toString,
j = h.hasOwnProperty,
k = {
},
l = '1.11.1',
m = function (a, b) {
    return new m.fn.init(a, b)
}

右上角有一个信封图标，该信封图标使用JavaScript下拉部分以插入您的电子邮件。 单击它后不久，您将被重定向到标题为“ undefined”的页面，萤火虫吐出一个错误：

Error( "jQuery requires a window with a document" );

Answer 1

最简单的解决方案是将下面的标签变成跨度。 我在您的网站上对此进行了测试，它的工作原理很吸引人：

<div id="collapse-trigger">
    <a data-toggle="collapse" class="collapse collapsed" data-target="#newsletter">
    <i class="icon-envelope-alt"></i>   </a>
</div>

成为：

<div id="collapse-trigger">
    <span data-toggle="collapse" class="collapse collapsed" data-target="#newsletter">
    <i class="icon-envelope-alt"></i>   </span>
</div>

或者，找到动作处理程序JS函数，并添加事件参数和event.preventDefault（）;。 在功能之上：

$('your_selector').click(function(event) {
    event.preventDefault();

    ...
})