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

Question

I purchased a WordPress theme and have begun customizing it. There is one aspect of the theme that I cannot for the life of me figure out why it is redirecting to a page called "undefined".

sdndaily.com is the site in question.

!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)
}

In the top right corner there is an envelope icon that uses JavaScript to drop down a section to insert your e-mail. Shortly after clicking it, you are redirected to a page titled "undefined" and firebug spits an error:

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

Answer 1

Easiest solution is to turn the a tag below into a span. I tested this on your site and it works like a charm:

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

Becomes:

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

Alternatively, find the action handler JS functions and add the event parameter and event.preventDefault(); on top of the function:

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

    ...
})