Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

Ошибки в JavaScript

Автор Edyan, 04-08-2016, 19:14:44

« назад - далее »

EdyanTopic starter

Здравствуйте! Помогите разобраться в ошибках JavaScript:

// Set Variables
var style_toggle = 'closed';
var mobile_toggle = 'closed';

// Close Mobile Menu when screen resized
function mobilemenu() {
var windowWidth = jQuery(window).width();
if( windowWidth >= 1080 ) {
jQuery(".mobile-menu-wrapper").hide();
mobile_toggle = "closed";
}
}
mobilemenu();

// Detect screen resize
jQuery(window).resize(function() {
mobilemenu();
});

jQuery(dоcument).ready(function() {

jQuery(".slider").hide().fadeIn(1000);

// Drop Down Menu
jQuery('ul#main-menu').superfish({
        delay:       600,
        animation:   {opacity:'show',height:'show'},
        speed:       'fast',
        autoArrows:  true,
        dropShadows: false
    });

// Search Button Toggle
jQuery(".menu-search-button").click(function(){
if(style_toggle == "closed"){

jQuery(".menu-search-field").stop(true, true).animate({width : "179px",padding : "1px 10px",opacity : "10"}, 200, "linear", function(){
style_toggle = "open";
});

};
if(style_toggle == "open"){
jQuery(".menu-search-field").stop(true, true).animate({width : "0%",padding : "1px 0px",opacity : "0"}, 200, "linear", function(){
style_toggle = "closed";
});
};
return false;
});

// Mobile Menu
jQuery(".mobile-menu-button").click(function(){
if(mobile_toggle == "closed"){

jQuery(".mobile-menu-wrapper").show('slow', function() {
    mobile_toggle = "open";
});

};

if(mobile_toggle == "open"){

jQuery(".mobile-menu-wrapper").hide('slow', function() {
    mobile_toggle = "closed";
});

};
return false;
});

// Product Hover
jQuery(".products-col-4 li").hover(
  function () {

var jQuerythis_product = jQuery(this);

jQuerythis_product.find(".product-options").fadeIn("fast", function() {
// Animation complete
});

jQuerythis_product.find(".product-thumbnail-wrapper img").stop(true, true).animate({opacity : "0.5"}, 200, "linear", function(){
// Animation complete
});


  },
  function () {

var jQuerythis_product = jQuery(this);

jQuerythis_product.find('.product-options').fadeOut('slow', function() {
// Animation complete
});

jQuerythis_product.find(".product-thumbnail-wrapper img").stop(true, true).animate({opacity : "1"}, 600, "linear", function(){
// Animation complete
});

  }
);

// Accordion
jQuery( ".accordion" ).accordion( { autoHeight: false } );

// Toggle
jQuery( ".toggle > .inner" ).hide();
jQuery(".toggle .title").toggle(function(){
jQuery(this).addClass("active").closest('.toggle').find('.inner').slideDown(200, 'easeOutCirc');
}, function () {
jQuery(this).removeClass("active").closest('.toggle').find('.inner').slideUp(200, 'easeOutCirc');
});

// Tabs
jQuery(function() {
jQuery( "#tabs" ).tabs();
});

// PrettyPhoto
jQuery(dоcument).ready(function(){
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
});

// Slides Loader
jQuery(".slider").removeClass("slide-loader");
jQuery(".slider-single").removeClass("slide-loader-single");

// Mobile Menu

// Create the dropdown base
jQuery("<select />").appendTo("#header");
     
// Create default option "Go to..."
jQuery("<option />", {
"selected": "selected",
"value"   : "",
"text"    : "Go to..."
}).appendTo("#header select");
     
// Populate dropdown with menu items
jQuery("#main-menu a").each(function() {
var el = jQuery(this);
jQuery("<option />", {
"value"   : el.attr("href"),
"text"    : el.text()
}).appendTo("#header select");
});

// To make dropdown actually work
jQuery("#header select").change(function() {
window.location = jQuery(this).find("option:selected").val();
});

// Quantity Buttons
jQuery(function() {

jQuery("form .qty-text").before('<input type="button" class="plusminus minus" id="minus1" value="-">');
jQuery("form .qty-text").after('<input type="button" class="plusminus plus" id="plus1" value="+">');

jQuery(".plusminus").click(function() {
var jQuerybutton = jQuery(this);
var oldValue = jQuerybutton.parent().find(".qty-text").val();

if (jQuerybutton.val() == "+") {
var newVal = parseFloat(oldValue) + 1;
}

else {
if (oldValue > 1) {
var newVal = parseFloat(oldValue) - 1;
}

else {
var newVal = 1;
}
}

jQuerybutton.parent().find(".qty-text").val(newVal);

    });

});

});

// Slider
jQuery(window).load(function(){
  jQuery('.slider').flexslider({
    animation: "slide",
controlNav: true
  });
});

jQuery(window).load(function(){
  jQuery('.slider-news').flexslider({
    animation: "slide",
controlNav: false,
directionNav: true,
slideshow: false
  });
});


Показаны вот такие ошибки:



В JavaScript совсем не разбираюсь, так пологаю ошибки в следующих строчках:

jQuery( ".accordion" ).accordion( { autoHeight: false } );

  jQuery('.slider').flexslider({

Как исправить?
Бизнес сайт babosik.ru
  •  


DwayneND

#1
А демо есть или готовый пусть и не работающий пример?
#186 load используется вообще для загрузки внешней страницы по принципу .load( url [, data ] [, complete ] ), а у тебя callback не возвращается никакой страницы.
#102 heightStyle: "fill" или heightStyle: "content"  вместо autoHeight: false

Да и вообще вместо ключевого слова jQuery можно и нужно использовать знак "$". Так легче читать код, и если есть желание погонятся за лишним байтом, то лучше воспользоваться компрессором.


EdyanTopic starter

Цитата: DwayneND от 04-08-2016, 20:03:36
А демо есть или готовый пусть и не работающий пример?
#186 load используется вообще для загрузки внешней страницы по принципу .load( url [, data ] [, complete ] ), а у тебя callback не возвращается никакой страницы.
#102 heightStyle: "fill" или heightStyle: "content"  вместо autoHeight: false

Я ничего не понял  ::) вот посмотри сам babosik.ru
Бизнес сайт babosik.ru
  •  

DwayneND

на #102 удалить autoHeight: false и вставить heightStyle: "content"
на #186 убрать этот фрагментjQuery(window).load(function(){
  jQuery('.slider').flexslider({
    animation: "slide",
controlNav: true
  });
});

EdyanTopic starter

Цитата: DwayneND от 04-08-2016, 20:17:16
на #102 удалить autoHeight: false и вставить heightStyle: "content"
на #186 убрать этот фрагмент

Всёравно ошибки  :'(
Бизнес сайт babosik.ru
  •  


DwayneND

а где у тебя блок с классом accordion и slider??? Ошибка из-за того, что не находит элемент, удали оба и всё будет ок 8)

EdyanTopic starter

Цитата: DwayneND от 04-08-2016, 21:26:00
а где у тебя блок с классом accordion и slider??? Ошибка из-за того, что не находит элемент, удали оба и всё будет ок 8)

Я всё понял, спасибо за помощь!
Бизнес сайт babosik.ru
  •  



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....