在移动设备上的div中隐藏项目

Question

如何仅在移动设备上关闭项目data-toggle="select"？我发现了如何使用Jquery删除类。但是，如何关闭div中的整个元素(我不想关闭整个div，只想关闭部分data-toggle="select"(？

<select name="type" data-toggle="select" id="id_type">
[...]
</select>

Answer 1

如前所述，您可以使用@media查询来隐藏元素，如下所示：

@media (max-width: 1080px) { // use any amount that you want
select[data-toggle="select"] {
display: none;
}
}

Answer 2

也许test(navigator.userAgent)可以帮助您。

var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); //Check if it's running on a mobile device
var element = document.getElementById('text');
if (isMobile) {
	document.getElementById("id_type").setAttribute("data-toggle", "");
} else {
	document.getElementById("id_type").setAttribute("data-toggle", "select");
}