gpt4 book ai didi

jquery - 在 iPhone 中使用 Jquery 更改背景颜色的延迟

转载 作者:行者123 更新时间:2023-12-01 08:12:07 25 4
gpt4 key购买 nike

我有以下代码,可以在单击链接时更改链接的背景颜色。

function showSelectEffect(obj) {
$(obj).css("background-color", "#d7d7d7");
}

该方法调用链接的onclick,如下

<a onclick="showSelectEffect(this);" href="test.html">sample text</a>

问题是突出显示会在一秒钟的延迟后发生,并且在单击时不会立即发生。我尝试在 onmousedown 事件上调用 showSelectEffect 函数,但它仍然相同。请让我知道如何提高性能。

最佳答案

<a class="showSelectEffect" href="test.html">sample text1</a>
<a class="showSelectEffect" href="test.html">sample text2</a>
<a class="showSelectEffect" href="test.html">sample text3</a>
<a class="showSelectEffect" href="test.html">sample text4</a>​


$('.showSelectEffect').on('click',function(){
event.preventDefault();
$(this).css("background-color", "#d7d7d7");
});​

Try the demo here

您可以尝试使用 css 而不是使用 jquery,这会快一点。

a:active {
background-color:#d7d7d7; //this line should go in your stylesheet
}

尽量将 JS 代码和 HTML 分开。这是一个很好的做法。

另一个选项是在样式表中定义 css 类,如下所示。

a.showSelectEffectColor {
background-color:#d7d7d7; //this line should go in your stylesheet
}

$('.showSelectEffect').on('click',function(){
event.preventDefault();
$(this).addClass('showSelectEffectColor');
});​

关于jquery - 在 iPhone 中使用 Jquery 更改背景颜色的延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12890941/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com