使用.trigger将事件传递给子级

时间:2016-03-29 10:48:43

标签: javascript jquery html events triggers

我正在尝试将父Data Source=(LocalDB)\v11.0;AttachDbFilename=C:\Users\Youssef\Desktop\gone\gone\gone\gestion_incidents.mdf;Initial Catalog=BG_ONE;Integrated Security=True 元素上的点击事件传递给其子li。 以下是我尝试过的代码,似乎不起作用。我哪里做错了?什么是实现这一目标的最佳方式。

编辑我知道我可以重温我的a元素并完全摆脱这种情况。但是我想知道为什么波纹管代码不起作用以及什么是实现这种事件传递的方法。

a
$('.menuItem').click(function() {
  $(this).children('a').trigger('click');
});
ul {
  list-style: none;
  padding: 0px;
  position: relative;
  z-index: 1000;
  display: inline-block;
  background-color: white;
  height: 30px;
}
ul li {
  display: inline-block;
  padding: 20px;
  margin-right: 0px;
  font-weight: 500;
  background-color: white;
  cursor: pointer;
}
ul li:hover {
  background-color: red;
  color: white;
}

1 个答案:

答案 0 :(得分:1)

为什么不这样做?

$('.menuItem').click(function() {
  var href = $('a', this).attr('href');
  window.location.href = href; //causes the browser to refresh and load the requested url

});