在我的页面底部,有四个大的方形链接选项卡(称为“个人”、“组”、“孩子”和“家庭”)。这些选项卡在我的台式计算机上运行良好,但由于某种原因,它们在 iPad 上无法运行。
奇怪的是,当在 iPad 上触摸它们时,悬停效果会起作用,但没有任何反应。这些链接是怎么回事?
这是四个选项卡之一的 HTML:
<a href="https://www.mud-kings.com/events/individual/" id="a_price_li1">
<img src="http://www.mud-kings.com/wp-content/themes/mudkings/images/register_individual.png" id="register_individual" class="register_tab" style="display: block;">
<img src="http://www.mud-kings.com/wp-content/themes/mudkings/images/register_individual2.png" id="register_individual2" class="register_tab" style="display: none;">
</a>
附加以下 jQuery 代码:
jQuery('#a_price_li1').hover(
function () { jQuery('#register_individual').css('display','none'); jQuery('#register_individual2').css('display','block'); },
function () { jQuery('#register_individual').css('display','block'); jQuery('#register_individual2').css('display','none'); }
);