# Javascript Plugin Data Attributes werden nicht berücksichtigt

**URL:** <https://forum.shopware.com/t/javascript-plugin-data-attributes-werden-nicht-berucksichtigt/51965>\
**Category:** Programmierung\
**Created:** [22. März 2018 um 13:51 UTC](https://forum.shopware.com/t/javascript-plugin-data-attributes-werden-nicht-berucksichtigt/51965 "2018-03-22T13:51:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fensterscheibe](https://avatars.discourse-cdn.com/v4/letter/f/f4b2a3/32.png) [@Fensterscheibe](https://forum.shopware.com/u/Fensterscheibe)\
**Post date:** [22. März 2018 um 13:51 UTC](https://forum.shopware.com/t/javascript-plugin-data-attributes-werden-nicht-berucksichtigt/51965/1 "2018-03-22T13:51:05Z")

</div>

Guten Tag,

es soll ja so sein, dass Data Attribute die defaults beim Plugin überschreiben, dies ist bei mir leider nicht der Fall, es wird immer der Wert von defaults genommen.

JS Plugin Inhalt:

```
$(function($){

    $.plugin('logotransform',{

        defaults: {
            transformaction : "higher"
        },

        init: function() {
            var me = this;

            me.applyDataAttributes;

            me._on(me.$el,'click',function(){
                console.log("klicked");
                if(me.opts.transformaction === "higher")
                {
                    me.$el.css("transform","scale(2)");
                }
                if(me.opts.transformaction === "lower")
                {
                    me.$el.css("transform","scale(0.6)");
                }
            });
        }

    });

    $("a.logo--link").logotransform();

}(jQuery));

```

index.html Inhalt:

```
 lower

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![arnebecker](https://avatars.discourse-cdn.com/v4/letter/a/3bc359/32.png) [@arnebecker](https://forum.shopware.com/u/arnebecker)\
**Post date:** [5. April 2018 um 08:50 UTC](https://forum.shopware.com/t/javascript-plugin-data-attributes-werden-nicht-berucksichtigt/51965/2 "2018-04-05T08:50:13Z")

</div>

Hi,

mir fallen da in deinem Code zwei Sachen auf.

1. Du müsstet&nbsp;me.applyDataAttributes**()**; statt&nbsp;me.applyDataAttributes; benutzen. Also die beiden Klammern dazu.

2. Das ist das mit dem Camel Case öfter mal ein Problem. Daher würde ich generel auf Camel Case, Dash Case usw. versichten und alles in einem Wort und in Kleinbuchstaben schreiben.