Question

点击以下代码时出现此错误：

onclick="tester.removeit(this);"

我收到错误：

TypeError: $(...).parent is not a function

这是功能：

removeit: function(ele) {

    $(ele).parent('div').fadeOut();
    console.log(this);

},

我该如何解决这个问题？

Answer 1

听起来像是一个库冲突，在包含jQuery之后你会包含PrototypeJS或MooTools。

执行此操作时，只有一个库可以使用$作为其主标识符。您可以通过noConflict告诉jQuery“发布”$：

<script src="jquery.js"></script>
<script>jQuery.noConflict();</script>
<script src="prototypejs.js"></script>

然后在要使用jQuery的代码中，使用jQuery而不是$：

// ...
removeit: function(ele) {

    jQuery(ele).parent('div').fadeOut();
    console.log(this);

},
// ...

或者在IIFE中使用jQuery包装所有代码，接受$作为arg：

(function($) {
    // ...
    removeit: function(ele) {

        $(ele).parent('div').fadeOut();
        console.log(this);

    },
    // ...
})(jQuery);

Javascript TypeError：$（...）。parent不是函数

1 个答案: