Fra*_*Joe 5 html javascript css jquery
有人可以解释一下粘贴的代码有什么问题吗？<a>它会在悬停时显示警报，但不会像我预期的那样执行单击事件，并且单击对标签或标签都不起作用<select>。我的目的是通过触发点击事件来展开悬停时的select元素
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<a id="linkElement" href="www.google.co.uk">click</a>
<select name="cars" id="selectElemet">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<script>
$(document).ready(function () {
$("#selectElement").mouseover(function () {
$("#selectElement").trigger("click");
});
$("#linkElement").mouseover(function () {
alert('here');
$("#linkElement").trigger("click");
});
});
</script>
</body>
</html>
.trigger("click")不会实际单击该元素，它只会触发该元素附带的单击处理程序。由于您尚未附加任何内容，因此不会触发任何内容。
您可以使用本机.click()
$("#selectElement").get(0).click(); //get(0) returns reference to DOM element
| 归档时间： |
|
| 查看次数： |
6795 次 |
| 最近记录： |