ändern margin-left mit JS

Ich möchte eine dynamische margin-left auf einen bestimmten div.

Ich habe versucht, diesen code :

window.onload = function()
{
    var pageWidth = window.innerWidth; 
    var size = (pageWidth - 200 ) / 2;
    $('#search').css('margin-Left', size));
    alert(size);
 };

was nicht funktioniert (die Warnung ist hier, nur für test-Zwecke), das problem kommt von der ligne $('#search').css('margin-Left', size)); aber ich kann nicht herausfinden, wo...

Habe ich versucht, mit einem Kleinbuchstaben l auf margin-left und hat nicht funktioniert.

$('#Suche').css('margin-left', size)); - und Kleinschreibung
schon versucht, hat nicht funktioniert.
Sind Sie sicher, dass das div hat die id 'Suche' und nicht die Klasse?
<div id="search">
Sie sollten beachten, dass Sie eine zusätzliche schließende Klammer auf Ihrem code.

InformationsquelleAutor Thomas Ayoub | 2013-10-17

  1. 3

    Würden folgende arbeiten für Sie?

    document.getElementById("search").style.marginLeft = size + "px";

    InformationsquelleAutor Arthur Weborg

  2. 0

    Versuchen Sie es mit marginLeft, ohne hypen.

    jQuery.css () - Dokumentation: http://api.jquery.com/css/

    Ich glaube, es gibt keinen Unterschied zwischen marginLeft und margin-left!
    Nop, nicht funktioniert...
    Aus Ihrem eigenen link: jQuery versteht und gibt Sie den richtigen Wert für beide .css( "background-color" ) und .css( "backgroundColor" ).

    InformationsquelleAutor Ryan Anderson

  3. 0

    JAVASCRIPT

    $(document).ready(function(e){
    alert('test');
    var pageWidth = parseInt($(window).innerWidth());
    alert(pageWidth);
    var size = (pageWidth - 200 ) / 2;
    $('#search').css('margin-left', size);
    alert(size);
})

    HTML

    <div id = 'search'></div>

    CSS

    #search
{
    height:100px;
    width:100px;
    background-color:#F00;
}

    FIDDLE LINK

    InformationsquelleAutor Harsha Venkatram

  4. 0

    Müssen Sie die Art der Einheit, die Sie verwenden möchten.

    $('#search').css('margin-left', size + 'px');
    Nop, leider...

    InformationsquelleAutor Giovanni Silveira

Schreibe einen Kommentar