wordpress jquery错误属性“$”[重复]

Question

我得到以下错误时使用的简单代码在wordpress.任何想法如何解决这个问题？

错误：

Uncaught TypeError: Property '$' of object [object Object] is not a function 
(anonymous function) 
x.event.dispatch
v.handle

Javascript:

<script type="text/javascript">
jQuery('#room_type').change(function(){
        var location = $(this).val(),
            div = $('#' + location);
        jQuery('div').hide();
        div.show();
});
</script>

HTML:

<select id="room_type">
    <option value="">-- Type --</option>
    <option value="oneroom">One room</option>
    <option value="tworoom">Two room</option>
</select>

<div id="oneroom" style="display:none">
    CONTENT 1
</div>
<div id="tworoom" style="display:none">
    CONTENT 2
</div>

Answer 1

jQuery.no冲突可能被调用，所以如果不首先设置别名，您将无法使用速记$。

这通常通过以下方式完成：

(function ($) {//jQuery is now stored as the `$` parameter in this function
    ...code here...
}(jQuery));

或者，对于document.ready，您可以使用别名速记：

jQuery(function ($) {
   //this code will execute on DOM ready and the `$` parameter will be set
    ...code here...
});

或者，停止使用$（…）作为函数，并用更详细的jQuery（…）替换它：

jQuery('#room_type').change(function(){
    var location = jQuery(this).val(),
        div = jQuery('#' + location);
    jQuery('div').hide();
    div.show();
});

Answer 2

这是因为$未在代码中定义（jQuery.noConflict可能在某些地方使用过）

只需使用jQuery作为jQuery变量

Answer 3

将函数和jQuery代码包装在下面：

;(function ($) {

    //Code in here

})(jQuery);

这将仅向jQuery分配$。这样做可以防止与其他也使用$的库/代码发生冲突。还使用；引导这段代码，以保护函数免受未封闭脚本的攻击。我不会依赖no冲突（）方法。

<script type="text/javascript">
;(function ($) {
    $('#room_type').change(function(){
        var location = $(this).val(),
            div = $('#' + location);
        $('div').hide();
        div.show();
    });
})(jQuery);
</script>

jsFiddle

对于其他问题，请尝试以下方法：

<script type="text/javascript">
;(function ($) {
    $('#room_type').change(function(){
        var location = $(this).val(),
            div = $('#' + location);
        $("div[id$='room']").hide();
        div.show();
    });
})(jQuery);
</script>