Opzioni di impostazioni del tema jquery: jquery, variabili, temi, impostazioni, opzioni

Creando questo tema, sono abbastanza nuovo per jquery e lottando come al solito.

Ho appena visto questo tutorial e ho deciso di provare a configurare le mie impostazioni del tema per semplificare la personalizzazione.

Questo è quello che ho finora:

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

Qualsiasi aiuto sarebbe fantastico dato che si sta incasinando tutto il jquery attuale sul tema che non ho ancora aggiunto ad esso.

Penso che con il codice puoi vedere cosa sto cercando di realizzare, ma ovviamente da quando sono nuovo di jQuery non sono sicuro di come procedere.

Qualsiasi aiuto sarebbe molto apprezzato, evviva

risposte:

Il modo in cui hai installato il plugin adesso, slideShowShadow.css sta cercando di assegnare slideshow.opacity al momento del caricamento e al di fuori del campo di applicazione di themeSettings funzione, il che significa che slideshow.opacity sarà undefined. Tutto quello che devi fare è spostare le ultime righe in themeSettings funzionano in modo che vengano eseguiti quando si applica il plug-in a qualche elemento chiamando $("#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);

Nota: il tuo post originale faceva riferimento a una variabile non definita (default) nel $.extend , che sono sicuro che avresti voluto essere slideshow oggetto.

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

});