Question

嗨，我已经厌倦了发现此代码的问题

  $(document).ready(function() {

        $("#centCol").hide();
        var isBrand = $('#merchantOption', window.parent.document).val();
        var shopType = '<?php echo $this->shopDetail['shop_type']; ?>';
        if(isBrand == '1' && shopType != '4' && shopType != '10'){
            $('#menu').hide();
        }
    });

当我运行此代码时，它会给我一个错误

$未定义$（document）.ready（function（）{

我甚至尝试用$更改jQuery，但没有做任何事情。有一件事让我更生气，当这个代码在线时没有错误......任何人都可以告诉我这是什么意思吗？

已更新

我的头部看起来像这样

 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>                <link rel="icon" type="image/x-icon"  href="/application_data/frontend/images/wlm-favicon.ico" />
    <link href="/application_data/css/structure-styles.css" rel="stylesheet" type="text/css" />
    <link href="/application_data/css/linkshare-color-style.css" rel="stylesheet" type="text/css" />
    <link href="/application_data/css/colorbox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript" src="/application_data/js/jquery.min.js"></script>        
    <script type="text/javascript" language="javascript" src="/application_data/js/jquery.colorbox-min.js"></script>

    <script type="text/javascript" language="javascript" src="/application_data/froomerce-frontend/js/common.js"></script>
                <script type="text/javascript" language="javascript" src="/application_data/ras-front/js/jquery-ui.js"></script>
        <script type="text/javascript" language="javascript" src="/application_data/frontend/js/jquery.jcarousel.min.js"></script>
        <script type="text/javascript" language="javascript" src="/application_data/js/jquery.flot.min.js"></script>
        <script type="text/javascript" src="/application_data/uploadify/swfobject.js"></script>
        <script type="text/javascript" src="/application_data/uploadify/jquery.uploadify.js"></script>

        <link href="/application_data/frontend/css/jquery-ui.css" rel="stylesheet" type="text/css" />
        <link href="/application_data/frontend/css/skin.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        opacity = '0.7';
        $(document).ready(function(){
            $(".network").colorbox({width:"560px", height:"348px", iframe:true, opacity:opacity,onClosed:function(){ window.location.reload( false );}});
            $(".addWidget").colorbox({width:"860px", height:"890px", iframe:true, opacity:opacity,onClosed:function(){window.location='/widget/index/list';}});
            $(".postOnPage").colorbox({width:"525px", height:"700px", iframe:true, opacity:opacity});
            $(".embedcode").colorbox({width:"620px", height:"400px", iframe:true, opacity:opacity});
        });
    </script>
</head>

Answer 1

对于那些说“你包含jQuery吗？”的所有人来说，可以打破这个问题的另一种情况是：你是否偶然包含了jQuery 两次？

Answer 2

您是否将jquery框架包含在您的页面中？？

将此添加到您的头脑中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

Answer 3

尝试以下代码并告诉我

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" / >
<script type="text/javascript">
$(document).ready(function() {

        $("#centCol").hide();
        var isBrand = $('#merchantOption', window.parent.document).val();
        var shopType = '<?php echo $this->shopDetail['shop_type']; ?>';
        if(isBrand == '1' && shopType != '4' && shopType != '10'){
            $('#menu').hide();
        }
    });
</script>

Answer 4

如果您确定包含jQuery的脚本标记，请尝试将其放在上面的代码之前：

console.log(jQuery);
setTimeout(function(){
    console.log(jQuery);
}, 2500);

然后在Firefox中加载，并打开Firebug控制台。你看到了什么？

Answer 5

你有没有试过这样的东西

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

而不是

<script type="text/javascript" src="/Directory/jQuery.js"></script>

您是否尝试过加入jquery和jquery.min.js

确保jQuery在您自己的jQuery依赖脚本

上方有自己独立的脚本标记

并且如果它被提及为<script language="javascript">并且更改为

，则为chek

<script type="text/javascript" >

我已经改变了你的jquery路径

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

尝试使用小型警报功能并且工作正常。可能是你的jquery文件已损坏。

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>                <link rel="icon" type="image/x-icon"  href="/application_data/frontend/images/wlm-favicon.ico" />
    <link href="/application_data/css/structure-styles.css" rel="stylesheet" type="text/css" />
    <link href="/application_data/css/linkshare-color-style.css" rel="stylesheet" type="text/css" />
    <link href="/application_data/css/colorbox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>        
    <script type="text/javascript" src="/application_data/js/jquery.colorbox-min.js"></script>

        <script type="text/javascript" src="/application_data/froomerce-frontend/js/common.js"></script>
        <script type="text/javascript" src="/application_data/ras-front/js/jquery-ui.js"></script>
        <script type="text/javascript" src="/application_data/frontend/js/jquery.jcarousel.min.js"></script>
        <script type="text/javascript" src="/application_data/js/jquery.flot.min.js"></script>
        <script type="text/javascript" src="/application_data/uploadify/swfobject.js"></script>
        <script type="text/javascript" src="/application_data/uploadify/jquery.uploadify.js"></script>

        <link href="/application_data/frontend/css/jquery-ui.css" rel="stylesheet" type="text/css" />
        <link href="/application_data/frontend/css/skin.css" rel="stylesheet" type="text/css" />



     <script type="text/javascript">
            $(document).ready(function () {
                $("a").click(function (event) {
                    alert("Thanks for visiting!");
                });
            });
        </script>
    </head>

Answer 6

您可能从Google CDN或其他无法从本地计算机访问的URL加载JQuery，但是来自您的服务器。

从jquery.org下载JQuery，将其包含在您的页面中，然后重试！

这个jquery代码有些不对劲

6 个答案: