1

友人のショップを支援するためのウェブサイトを作成して、友​​人を助けています。ラップトップのWebサーバーで実行するとうまく機能します。画像を問題なくロードします。しかし、サイトにアップロードすると機能しません

重要なものだけを含めるために、多くのコードを削除しました。

Web サイトはhttp://www.adamwalker.net84.net/index.phpです。

私が確認できることから、これらの2つのファイルのいずれかにある可能性があります...しかし、本当にわかりません....しかし、これらはコンソールでエラーを引き起こしているものです

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

4

2 に答える 2

2

あなたのサイトにいくつかの問題があることに気付きました。

まず、404 がある場合、Web ホストがコンテンツと JavaScript をページにロードしているようです (javascript が error404.000webhost.com から要求されているのがわかります)。それはかなり悪い習慣です。私はすぐに新しい Web ホストに移動します (言うは易く行うは難しですが、エラー ページをハイジャックする会社と取引しないでください... 奇妙な問題が発生する可能性があります - おそらくこれですか?!)

次に、エラーは $('.multicolumn') に columnize() というメソッドがないことです。これは、Chrome の Web ツール インスペクターを使用して見つけました。

[ネットワーク] タブに移動すると、列構築ツールに使用されているように見える JavaScript に気付きました。 http://www.adamwalker.net84.net/js/jquery.columnizer.min.js -- これは 0 バイトのファイル (404 ではない) であるため、これが問題です。このファイルは空である (または何らかの理由で提供されていない) ため、コードの残りの部分が失敗します。

于 2013-02-10T21:20:18.060 に答える
0

いくつかの Javascript ファイルに有効な JavaScript コードが含まれていません:

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

空のファイルがいくつかあります:

  • jquery.columnizer.min.js
  • css3-mediaqueries.js

正しい JavaScript ファイルをサーバーにアップロードします。

于 2013-02-10T21:25:14.283 に答える