JQuery Multi CSS setzen

[messmar]

Guten Morgen!

ich habe eine blöde Frage ;-)

Folgendes:

In einem kleinen Plugin defenieren ich folgende Options-Paramter:

....
;$.fn.formElements = function(userOptions){
         var defaults = {
           property_1: "border",
           value_1: "2px solid #385d8a",
           property_2: 'background-color',
           value_2: '#c0504d',
           value_3: '#ffffff',
           value_4: '1px solid #bdc7de'
      };
      var newParams = $.extend(true, {}, defaults, userOptions);
        
      var tmp = {}; // object
      tmp[newParams.property_1] = newParams.value_1;
      tmp[newParams.property_2] = newParams.value_2;
...

und ich versuche sie im weiteren Code folgendermassen zu setzen:

.....
$('input[name='+ n +']').css({newParams.property_1, newParams.value_1, newParams.property_2, newParams.value_2});
.....

wo es leider nicht funktinoiert. Aber wenn ich sie so setze, dann funktioniert es einwandfrei:

...
$('input[name='+ n +']').css(newParams.property_1, newParams.value_1);
$('input[name='+ n +']').css(newParams.property_2, newParams.value_2);
...

Mein NetBeans Java Script Debugger meldet beim ersten Code Folgendes:

Duplicate name of property "newParams"

und FireFox-Konsole sagt:

SyntaxError: missing : after property id

und so geht's leider natürlich auch nicht:

...
$('input[name='+ n +']').css({newParams:property_1, newParams:value_1,newParams:property_2, newParams:value_2});
...

Ich weiß, dass ich den Fehler oben beim Setzen der Parameter:

options

habe, aber ich weiß leider nicht, wo genau.

Für jede Hilde, bin ich dankbar.

Danke und Gruß
Messmar

 

[Jan-Frederik Stieler]

Hi,
also ein css array wird normalerweise im jQuery so geschreiben

$('selektor').css({attribut: 'value', attribut2: 'value'});

Viele Grüße

 

[messmar]

Morgen!

danker schon mal,

das ist richtig, aber ich verwende hier die CSS-Methode nicht direkt, sondern über den userOption-Parmeter.

Gruß
Messmar