Options de configuration du thème JQuery - JQuery, variables, thèmes, paramètres, options

En créant ce thème, je suis assez nouveau sur jquery et je lutte comme d'habitude.

Je viens de regarder ce tutoriel et j'ai décidé de faire mes propres réglages de thème pour simplifier la personnalisation.

C'est ce que j'ai jusqu'à présent:

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

Toute aide serait géniale car elle gâche partout dans jquery actuel sur le thème que je n'ai pas encore ajouté.

Je pense que par le code, vous pouvez voir ce que j'essaie d'accomplir, mais évidemment, puisque je suis nouveau sur jQuery, je ne sais pas comment m'y prendre.

Toute aide serait très appréciée, bravo

Réponses:

La façon dont vous avez configuré le plugin en ce moment, slideShowShadow.css essaie d'assigner slideshow.opacity au moment du chargement et en dehors du champ themeSettings fonction, ce qui signifie que slideshow.opacity sera undefined. Tout ce que vous avez à faire est de déplacer les dernières lignes themeSettings fonctionner de sorte qu'ils "s'exécutent lorsque vous appliquez le plug-in à un élément en appelant $("#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);

Remarque: votre message d'origine faisait référence à une variable non définie (default) dans le $.extend fonction, que je suis sûr que vous aviez l'intention d'être le slideshow objet.

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

});