Javascript 在div中选择一个标记，并使用jQuery弹出一个窗口

我一直在尝试使用jQuery弹出一个div中的标签。您可以看到我在这里尝试的内容：

$（函数（）{
$（“.sites”）.find（“a”）.eq（1）.css（“color”、“red”）.dialog({
自动打开：错误，
展示：{
效果：“褪色”，
持续时间：500
},
隐藏：{
效果：“褪色”，
持续时间：500
}
});
$（“.sites”）.find（“a”）.eq（1）.on（“click”，function（）{
$（“.sites”）.find（“a”）.eq（1）.对话框（“open”）；
});
});
div{
保证金：2rem 0 0 2rem；
宽度：300px；
高度：150像素；
边框：1px纯色灰色；
}
a{
显示：块；
字号：2rem；
颜色：蓝色；
填充：1rem；
}


找到第二个a标签，将其涂成红色，然后在单击站点2时单击显示一个弹出窗口



您可以使用ID引用第二个元素，而且函数调用有点错误。这是一个正确的版本：


$（函数（）{
$（“#site2”）.addClass（“红色”）；
$（#site2”）。在（单击）上，函数（e）{
e、 预防默认值（）；
$（此）。对话框({
自动打开：错误，
展示：{
效果：“褪色”，
持续时间：500
},
隐藏：{
效果：“褪色”，
持续时间：500
}
}).对话框（“打开”）；
});
}());
div{
保证金：2rem 0 0 2rem；
宽度：300px；
高度：150像素；
边框：1px纯色灰色；
}
a{
显示：块；
字号：2rem；
颜色：蓝色；
填充：1rem；
}
.红色{
颜色：红色；
}


找到第二个a标签，将其涂成红色，然后在单击站点2时单击显示一个弹出窗口



您可以使用ID引用第二个元素，而且函数调用有点错误。这是一个正确的版本：


$（函数（）{
$（“#site2”）.addClass（“红色”）；
$（#site2”）。在（单击）上，函数（e）{
e、 预防默认值（）；
$（此）。对话框({
自动打开：错误，
展示：{
效果：“褪色”，
持续时间：500
},
隐藏：{
效果：“褪色”，
持续时间：500
}
}).对话框（“打开”）；
});
}());
div{
保证金：2rem 0 0 2rem；
宽度：300px；
高度：150像素；
边框：1px纯色灰色；
}
a{
显示：块；
字号：2rem；
颜色：蓝色；
填充：1rem；
}
.红色{
颜色：红色；
}


找到第二个a标签，将其涂成红色，然后在单击站点2时单击显示一个弹出窗口



@freedomn-m我使用的是jQuery UI，但如果有更简单的解决方案，请随时告诉我。事实上，我想在单击站点2时显示一个弹出窗口。起初，我想使用jQueryUI对话框。有不同的解决方案吗？@freedomn-m我使用的是jQuery UI，但如果有更简单的解决方案，请随时告诉我。事实上，我想在单击站点2时显示一个弹出窗口。起初，我想使用jQueryUI对话框。有不同的解决方案吗？IDs在这里没有任何区别-这里的解决方案是，
.dialog
只在单击时调用，而不是在doc.ready上调用。不需要添加ID。ID在这里没有任何区别-这里的修复方法是，
。对话框
只在单击时调用，而不是在doc.ready上调用。不需要添加ID。