2013-02-10 75 views
1

通過製作一個網站幫助他們的商店幫助朋友。當我在筆記本電腦上的網絡服務器上運行它時,它運行良好。它加載圖像就好了。但是,當我上傳到網站它不工作Javascript離線工作,但沒有上傳到網站時

我已經剝離了很多他的代碼,只是包括什麼重要的。

該網站是http://www.adamwalker.net84.net/index.php

從我可以辨認出它可能是在這兩個文件中的一個......但我真的不知道....但這些都是給那些在控制檯

錯誤

custom.js

// Jquery with no conflict 
    jQuery(document).ready(function($) { 

//########################################## 
// COLUMNIZR 
//########################################## 

$('.multicolumn').columnize({ 
    columns: 2 
}); 


//########################################## 
// CAROUSEL 
//########################################## 

$('#mycarousel').jcarousel({ 
    // Configuration goes here (http://sorgalla.com/projects/jcarousel/) 
    vertical: false 
}); 

$('#mycarousel-vertical').jcarousel({ 
    // Configuration goes here (http://sorgalla.com/projects/jcarousel/) 
    vertical: true 
}); 

//########################################## 
// LOF SLIDER 
//########################################## 


var buttons = { previous:$('#home-slider .button-previous') , 
        next:$('#home-slider .button-next') }; 



$('#home-slider').lofJSidernews({ 
    interval  : 4000, 
    direction  : 'opacitys', 
    easing   : 'easeInOutExpo', 
    duration  : 1200, 
    auto   : true, 
    maxItemDisplay : 5, 
    navPosition  : 'horizontal', // horizontal 
    navigatorHeight : 73, 
    navigatorWidth : 188, 
    mainWidth  : 940, 
    buttons: buttons 
}); 




//########################################## 
// Superfish 
//########################################## 

$("ul.sf-menu").superfish({ 
    animation: {height:'show'}, // slide-down effect without fade-in 
    delay:  800 ,    // 1.2 second delay on mouseout 
    autoArrows: false, 
    speed: 100 
}); 


//########################################## 
// PROJECT SLIDER 
//########################################## 

$('.project-slider').flexslider({ 
    animation: "fade", 
    controlNav: true, 
    directionNav: false, 
    keyboardNav: true 
}); 


//########################################## 
// Filter - Isotope 
//########################################## 


var $container = $('#filter-container'); 

$container.imagesLoaded(function(){ 
    $container.isotope({ 
     itemSelector : 'figure', 
     filter: '*', 
     resizable: false, 
     animationEngine: 'jquery' 
    }); 
}); 

// filter buttons 

$('#filter-buttons a').click(function(){ 

    // select current 
    var $optionSet = $(this).parents('#filter-buttons'); 
    $optionSet.find('.selected').removeClass('selected'); 
    $(this).addClass('selected'); 

    var selector = $(this).attr('data-filter'); 
    $container.isotope({ filter: selector }); 
    return false; 
}); 

//########################################## 
// Tool tips 
//########################################## 


$('.poshytip').poshytip({ 
    className: 'tip-twitter', 
    showTimeout: 1, 
    alignTo: 'target', 
    alignX: 'center', 
    offsetY: 5, 
    allowTipHover: false 
}); 



$('.form-poshytip').poshytip({ 
    className: 'tip-twitter', 
    showOn: 'focus', 
    alignTo: 'target', 
    alignX: 'right', 
    alignY: 'center', 
    offsetX: 5 
}); 

//########################################## 
// Tweet feed 
//########################################## 

$("#tweets").tweet({ 
    count: 3, 
    username: "ansimuz" 
}); 

//########################################## 
// PrettyPhoto 
//########################################## 

$('a[data-rel]').each(function() { 
    $(this).attr('rel', $(this).data('rel')); 
}); 

$("a[rel^='prettyPhoto']").prettyPhoto(); 


//########################################## 
// Accordion box 
//########################################## 

$('.accordion-container').hide(); 
$('.accordion-trigger:first').addClass('active').next().show(); 
$('.accordion-trigger').click(function(){ 
    if($(this).next().is(':hidden')) { 
     $('.accordion-trigger').removeClass('active').next().slideUp(); 
     $(this).toggleClass('active').next().slideDown(); 
    } 
    return false; 
}); 

//########################################## 
// Toggle box 
//########################################## 

$('.toggle-trigger').click(function() { 
    $(this).next().toggle('slow'); 
    $(this).toggleClass("active"); 
    return false; 
}).next().hide(); 




//########################################## 
// Tabs 
//########################################## 

$(".tabs").tabs("div.panes > div", {effect: 'fade'}); 



//########################################## 
// Create Combo Navi 
//##########################################  

// Create the dropdown base 
$("<select id='comboNav' />").appendTo("#combo-holder"); 

// Create default option "Go to..." 
$("<option />", { 
    "selected": "selected", 
    "value" : "", 
    "text" : "Navigation" 
}).appendTo("#combo-holder select"); 

// Populate dropdown with menu items 
$("#nav a").each(function() { 
    var el = $(this);  
    var label = $(this).parent().parent().attr('id'); 
    var sub = (label == 'nav') ? '' : '- '; 

    $("<option />", { 
    "value" : el.attr("href"), 
    "text" : sub + el.text() 
    }).appendTo("#combo-holder select"); 
}); 


//########################################## 
// Combo Navigation action 
//########################################## 

$("#comboNav").change(function() { 
    location = this.options[this.selectedIndex].value; 
}); 


//########################################## 
// Resize event 
//########################################## 

$(window).resize(function() { 

    var w = $(window).width(); 
    //console.log(w); 

    $container.isotope('reLayout'); 

}).trigger("resize"); 


    });//close 

或jQuery的FlexSlider V1.8

+0

與其他網站的鏈接可能不可用。你可以在這裏發佈重要的代碼,現場嗎?這樣,即使鏈接出現故障,您的問題對未來的訪問者也會有用。 – slhck 2013-02-10 21:02:01

+2

在瀏覽器上按F12訪問控制檯。它會告訴你這個問題。 – SeanWM 2013-02-10 21:03:08

回答

2

我注意到您的網站的幾個問題。

首先,它看起來像你的虛擬主機加載他們的內容和JavaScript到你的網頁,當有404。(我看到JavaScript從error404.000webhost.com請求)。這是非常糟糕的做法。我會立即轉移到一個新的虛擬主機上(我知道,有時候說起來容易做起來難,但是不要與那些劫持你的錯誤頁面的公司做生意......導致奇怪的問題 - 也許是這樣?!)

Second ,錯誤是$('。multicolumn')沒有一個名爲columnize()的方法。我通過在Chrome中使用Web工具檢查器發現了這一點。

移動到網絡選項卡,我注意到似乎用於列構建工具的JavaScript。 http://www.adamwalker.net84.net/js/jquery.columnizer.min.js - 這是一個0字節的文件(不是404),所以這是你的問題。這個文件是空的(或者由於某種原因沒有被提供),這導致你的其他代碼失敗。

+0

你是一個絕對的超級明星,我感謝你。主機只是一個免費的即時通訊工具,用於檢查瀏覽器中的所有工作等。它純粹用於測試,它們使用更好的。我通過重新上傳jquery.columnizer.min.js和刪除列標題來修復它 – adamandkate 2013-02-10 21:27:59

0

夫婦JavaScript文件中不包含有效的JavaScript代碼:

  • jquery.easing.js
  • jquery.flexslider.js

你有幾個空文件:

  • jquery.columnizer.min.js
  • c ss3-mediaqueries.js

將正確的javascript文件上傳到您的服務器。