2017-09-11 10 views
0

ich habe ein kleines Problem mit JQuery und VueJS 2. Ich habe die folgende CSSjquery css links Eigenschaft funktioniert nicht mit Vue 2

.slider{ 
     position: relative; 
     transition: all .2s; 
    } 

und die folgende JavaScript

... 
    methods:{ 
     move: function(){ 
      $('.slider').css('left', -100%/3 + '%'); 
     } 
    } 
... 

Aber nichts ist Arbeiten. Wie Sie vielleicht annehmen, möchte ich die linke Eigenschaft des Schieberelements bearbeiten, indem ich auf ein anderes Element in derselben Komponente klicke. Ich weiß nicht, ob das an Vue liegt oder nicht. Ich habe den gleichen Trick in früheren Projekten ohne Vue verwendet, so ... Ich hoffe, dass Sie mir helfen können

+0

was ist dieses 'links'? 'linker Rand',' linker Abstand', 'linker Pfeil',' linker Ausrichtung'? was unter diesen. weil nur 'left' keinen Sinn macht –

+0

Es ist nur 'links'. Zum Beispiel, wenn Sie ein Element mit 'position: relative' oder' position: absolute' haben, können Sie 'left',' top', etc. Verwenden. –

Antwort

0

Es gibt kein Problem mit Vue ist hier, entfernen Sie einfach die %,

... 
    methods:{ 
     move: function(){ 
      $('.slider').css('left', -100/3 + '%'); 
     } 
    } 
... 

Viel Glück.

+0

Oh, Sorry, das Zeichen war nicht im Code. Es war ein Fehler, wirklich Entschuldigung –

Verwandte Themen