JQuery .css- funktioniert nicht

https://jsbin.com/feyoronene/edit?html,css,js,console,output JQuery .css- funktioniert nicht

Ich versuche, den Körper zu meinem Fenster Größe und Gewicht zu setzen, aber ich habe versucht, eine Menge Zeit, es zu tun. Ich weiß nicht, was los ist, ich habe die console.log (Breite + '' + Höhe) und ich habe die Daten, aber ich kann diese Eigenschaft nicht zu CSS hinzufügen. Was mache ich falsch?

var width = $(document).width(); 
 
var height = $(document).height(); 
 
$('body').css('background-size', width + 'px' + ' ' + height + 'px');

body { 
 
    background-size: 20px 20px; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script> 
 
    
 
    
 
</body> 
 
</html>

Quelle

2016-07-07 Cojocari Cristian

Haben Sie nach dem Ausführen Ihres Codes den 'Körper' überprüft? Es funktioniert gut. –

^funktioniert auch gut für mich, es ist nur, dass die Einstellung der "Backround-Größe" ohne einen tatsächlichen Hintergrund nicht viel zu sehen gibt. – adeneo

was versuchst du, die Größe zu machen, wie die css deine 'Hintergrundgröße' für ein Hintergrundbild benutzt, sonst nichts? Der Code hat nur eine leere Seite? –

Könnten Sie nicht nur tun ...

var width = $(document).width(); 
var height = $(document).height(); 
$('body').width(width).height(height);

Wenn Sie wollen, dass der Körper die gleiche Größe wie die Fenstergröße sein.

Wenn die Hintergrundgröße die gleiche Größe wie das Fenster haben soll, funktioniert der aktuelle Code. Wenn Sie möchten, dass der Code jedes Mal ausgeführt wird, wenn der Benutzer die Fenstergröße ändert, können Sie diese Funktion um den Code herum einbinden:

$(window).resize(function() { 
    //code goes here 
});

Quelle

2016-07-07 20:48:14

das funktioniert perfekt. Außerdem habe ich einen Anfängerfehler gemacht, indem ich href anstelle von src in die Skript-Syntax eingegeben habe, so dass mein Skript im Grunde nicht geladen wurde. –

JQuery .css- funktioniert nicht

Antwort

Verwandte Themen