Параметры настройки темы jQuery

Question

Создание этой темы, я довольно новичок в jquery и стараюсь как обычно.

Только что просмотрел этот учебник и решил сделать снимок собственных настроек темы, чтобы упростить настройку.

Это то, что я до сих пор:

(function($){ 

     $.fn.themeSettings = function(options) { 

       var 
        slideshow = { 
         opacity: '0.5' 
        }, 
        settings = $.extend({}, defaults, options);   
     }; 

     var slideShowShadow = $('#slideShadowTop, #slideShadowBottom, #slideShadowLeft, #slideShadowRight'); 

     slideShowShadow.css({ 
       opacity: slideshow.opacity 
     }); 

})(jQuery); 

Любая помощь будет удивительным, так как Он портя всего текущего JQuery на тему, которую я не добавил к нему еще.

Я думаю, что по коду вы можете видеть, что я пытаюсь выполнить, но, очевидно, так как я новичок в jQuery, я не уверен, как это сделать.

Любая помощь будет высоко ценится, ура

Answer 1

$(function(){ 

     var slideshow = { 
       opacity: 1, 
       corners: true, 
       shadows: true 
     }, 
      xShadow = { 
       opacity: 0.5  
     }; 

     // Slideshow Corners & Shadows   
     var $hWrap = $('#headerTopWrapper'); 

     if(slideshow.corners){ 
      $hWrap.prepend('<div id="slideCornersTop"></div>' + "\n" + 
          '<div id="slideCornersBottom"></div>'); 
     } 

     if(slideshow.shadows){ 
      $hWrap.prepend('<div id="slideShadowTop"></div>' + "\n" + 
          '<div id="slideShadowBottom"></div>' + "\n" + 
          '<div id="slideShadowRight"></div>' + "\n" + 
          '<div id="slideShadowLeft"></div>'); 
     } 


     // Slideshow Shadow Opacity 
     var $slideShowShadow = $('#slideShadowTop, #slideShadowBottom, #slideShadowLeft, #slideShadowRight'); 

     $slideShowShadow.css({ 
      opacity: xShadow.opacity 
     }); 

}); 

Answer 2

Путь у вас есть плагин установлен прямо сейчас, slideShowShadow.css пытается присвоить slideshow.opacity во время загрузки, так и вне области видимости функции themeSettings, что означает, что slideshow.opacity будет be undefined. Все, что вам нужно сделать, это переместить последние несколько строк в функцию themeSettings таким образом, чтобы они работать, когда вы применить плагин к некоторому элементу по телефону $('#your_elem').themeSettings():

(function($){ 
    $.fn.themeSettings = function(options) { 

    var slideshow = { 
      opacity: '0.5' 
     }, 
     settings = $.extend({}, slideshow, options), 
     slideShowShadow = $('#slideShadowTop, #slideShadowBottom, #slideShadowLeft, #slideShadowRight'); 

    slideShowShadow.css({ 
     opacity: settings.opacity 
    }); 
    }; 
})(jQuery); 

Примечания: Ваш оригинальный пост ссылается неопределенным переменным (default) в функции $.extend, что, я уверен, вы намеревались быть объектом slideshow.