真的很奇怪。我有<a>
标记,无论何时点击它都应该切换blue-text-cat
类。它在桌面上完美运行,但不适用于移动设备。
奇怪的是,当我调整浏览器窗口大小并单击<a>
时,它运行正常。我说这很奇怪,因为移动设备上会显示带有调整大小的浏览器窗口的同一页面。该代码不适用于移动设备。
function toggleColorStyle(e) {
e.target.classList.toggle('blue-text-cat');
}
.blue-text-cat {
color: blue!important;
}
<a href="javascript:void(0)" style="color: #000" onclick="toggleColorStyle(event)">
JAPANESE CARS FOR SALE
</a>
在调整大小的浏览器窗口中选中此项:http://pazomall.storehippo.com/,然后点击左侧菜单,然后点击“汽车”。点击“日本汽车出售”!你可以看到它在那里有效,但在移动设备上不起作用。