2011-11-25 36 views
0

您好我已經成爲總狂與此代碼是有些事情錯在這個jQuery代碼

$(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(); 
     } 
    }); 

發現問題,當我運行這段代碼這讓我沒有定義$錯誤

$(文件)。就緒(函數(){

我甚至用jQuery,但沒有做改變$嘗試。有一件事,讓我更生氣的是w ^母雞這個代碼在線沒有錯誤......任何機構可以告訴我這是什麼?

修訂

我的頭部分看起來像這樣

<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> 
+8

你在頁面中包含jquery文件嗎? – robert

+1

您的頁面中是否包含jQuery庫? – Clive

+0

腳本標記是否在您上面顯示的代碼下加載jQuery?如果是這樣,那麼當你運行你的代碼時,jQuery不可用。 – dnuttle

回答

1

您是否嘗試過這樣的事情

<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> 

而且你嘗試過包括jqueryjquery.min.js

確保jQuery有自己獨立的腳本標籤正上方的自己的jQuery依賴腳本

及赤如果提到爲<script language="javascript">,並切換到

<script type="text/javascript" > 

我已經改變了jQuery的路徑,這樣

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

,並試圖用小報警功能和工作fine.May是你的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> 
+0

我親愛的每一件事。我不知道這是什麼...... –

+0

我已經發布了我的頭部分後採取頁面源 –

1

你包括你的網頁jQuery框架..?

在添加到您的頭上:

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

和頭我的意思是HTML ... –

+0

包括jQuery文件 –

+0

如果它是正確加載jQuery文件(檢查URL),那麼可能有一個javascript錯誤在其他地方上面的腳本之前的頁面正在被擊中? –

1

嘗試下面的代碼,讓我知道

<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> 
+0

我在發佈頁面源後發佈了我的頭部段 –

1

如果你確定包括jQuery的腳本標記,可以嘗試在這正確的代碼之前:

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

然後加載在火狐狸,並打開Firebug控制檯。你看到了什麼?

+0

jQuery未定義console.log(jQuery); –

+0

你看到過兩次嗎?如果是這樣,那麼無論出於何種原因,當您在本地運行時,jQuery並未加載到您的頁面中。發佈您用於加載它的腳本標記。 – dnuttle

+0

沒有它的單一時間。我已採取頁面源,並看到有jquery腳本標記。我點擊鏈接檢查來源,它是正確的 –

0

可能是您從Google CDN或其他URL無法從本地計算機訪問但從您的服務器訪問的JQuery。

從jquery.org下載JQuery,將它包含在您的頁面中,然後重試!

+0

我在同一頁面加載jquery –

+0

我在發佈頁面源後發佈了我的頭部段 –

+0

在Firefox或Chrome中,您可以看到您要加載的文件是否確實可以加載。因此,您可以檢查/application_data/js/jquery.min.js是否在本地計算機上可用。 –

2

對於大家誰說:「有你的jQuery包含的?」,另一種情況,這可能打破的事情是:你有沒有包含的jQuery 兩次意外

+0

沒有它的單一時間。但我的網頁也有jquery.ui和其他jquery插件文件 –

+0

我已經發布我的頭部分後採取頁面源 –