javascript - 使用 JQuery 的竞争条件

Question

我正在尝试编写一些代码，将 HTMLselect框中的每个项目都加粗，然后将播放器的名称加粗。仅当我在行之间有一个警告框时才有效，如下所示：

$("#users > option").css("font-weight", "normal");
alert('AHAHSDYHSAUDHSAUDHSAUDH');           
$('#users option[value="' + strPlayer + '"]').css("font-weight", "bold");

如果我删除警报框，播放器项目不会变为粗体。我唯一的猜测是 JQuery 操作是异步的。不知道如何解决这个问题。

谢谢。

Answer 1

为什么不将 CSS 用于第一部分（将所有设置为非粗体），将 jQuery 用于最后部分（将用户名设置为粗体）。最好使用 CSS 规则应用默认的、可预测的样式，然后使用 jQuery 进行自定义：

<style type="text/css">
#users > option {font-weight:normal;}
</style>
<script type="text/javascript">
$('#users option[value="' + strPlayer + '"]').css("font-weight", "bold");
</script>

---

编辑：

如果两个语句的重叠存在冲突，请尝试删除重叠：

$('#users option:not([value="' + strPlayer + '"])').css("font-weight", "normal");
$('#users option[value="' + strPlayer + '"]').css("font-weight", "bold");