2017-11-25 57 views
0

我使用前置这样前置不在Android浏览器工作

$('body').prepend('<div id="div1"></div>'); 
$('.category').prepend('<div id="div2"></div>'); 
$('.head').prepend('<div id="close"></div>'); 

它适用于所有桌面浏览器。 它可以在所有使用ios的手机浏览器上运行,Iphone 5,6,7,8 但是在某些Android设备上,我没有看到任何改变,你能帮我吗?

+0

试图改变jQuery的版本,或者使用香草JS .. –

+0

也许别的东西在你的代码之前这会导致问题。抛出任何错误? – charlietfl

+0

我在控制台中看不到错误 – Vasil

回答

0

这是您可以在香草中做到的一种方法。

var body = document.querySelector('body'); 

body.innerHTML = '<div id="div1"></div>' + body.innerHTML; 
var categories = document.getElementsByClassName('category'); 
for (var i = 0; i< categories.length; i++) { 
    categories[i].innerHTML = '<div id="div2"></div>' + categories[i].innerHTML; 
} 
var heads = document.getElementsByClassName('head'); 
for (var i = 0; i< categories.length; i++) { 
    heads[i].innerHTML = '<div id="close"></div>' + heads[i].innerHTML; 
} 

fiddle

相关问题