Mobilgerät wenn Anweisung

Question

Mein Plan war es, einen iFrame in meinem HTML-Code durch einen Absatz zu ersetzen, wenn die Breite des mobilen Geräts weniger als 480 ist. Ich schrieb Folgendes, aber es funktioniert nicht. Kann jemand teilen, was ich falsch gemacht habe?

// Small device 

if ($(window).width() < 480) { 

    $("#quiz-iframe iframe").replaceWith(function(){ 
     return $('<p>Please refer to Desktop or Tablet for the content.</p>'); 
    }); 

} 

Schätzen Sie die Hilfe.

Answer 1

Versuchen:

if ($(window).width() < 480) { 

    $("#quiz-iframe iframe") 
     .replaceWith('<p>Please refer to Desktop or Tablet for the content.</p>'); 
} 

Answer 2

versuchen dies.

$(window).resize(function() { 
    var width = $(window).width(); 
    if(width < 480) 
    { 
     //do what you want here. 
    } 
}); 

Answer 3

Danke euch allen. Ich habe die Größenänderungsfunktion verwendet und es hat wie erwartet funktioniert. Vielen Dank!

// Small device 

$(window).resize(function() { 
    var width = $(window).width(); 
if(width < 480) 
{ 
    $("#quiz-iframe iframe").replaceWith(function(){ 
     return $('<p>Please refer to Desktop or Tablet for quiz content.</p>'); 
    }); 
} 
});