Jquery 调用另一个元素的悬停事件时调用该元素的悬停事件
我试图使用jQuery调用将鼠标悬停在互动程序上时放置在互动程序上的按钮的悬停事件。然而,它不起作用。这是我正在使用的代码Jquery 调用另一个元素的悬停事件时调用该元素的悬停事件,jquery,hover,Jquery,Hover,我试图使用jQuery调用将鼠标悬停在互动程序上时放置在互动程序上的按钮的悬停事件。然而,它不起作用。这是我正在使用的代码 <script > $( "#tile1" ).hover(function() { $('.btn-danger').hover(); }); </script> $(“#tile1”).hover(函数(){ $('.btn danger').hover(); }); 我在头部分别链接了jQuery: <script s
<script >
$( "#tile1" ).hover(function() {
$('.btn-danger').hover();
});
</script>
$(“#tile1”).hover(函数(){
$('.btn danger').hover();
});
我在头部分别链接了jQuery:
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
有人能指出问题所在吗?如果需要,我可以提供有关代码的更多信息。尝试以下方法:
$("#tile1").hover(function(event) {
$('.btn-danger').trigger(event.type);
});
更新:
看起来您正在尝试触发CSS中定义的悬停。不幸的是,您无法通过css触发悬停设置。另一种方法是将css设置为某个类(与为悬停编写的css相同),然后分别使用.addClass()
和.removeClass()
添加/删除类
试试这个:
$("#tile1").hover(function(event) {
$('.btn-danger').trigger(event.type);
});
更新:
看起来您正在尝试触发CSS中定义的悬停。不幸的是,您无法通过css触发悬停设置。另一种方法是将css设置为某个类(与为悬停编写的css相同),然后分别使用.addClass()
和.removeClass()
添加/删除类
您需要添加第二个类并在css中处理它。您提到您已经创建了一个hover类 我在您的样式中添加了一个
悬停的类。当将鼠标悬停在按钮上时,或者如果将hovered
类添加到按钮上,则该样式将应用
.btn-danger:hover, .btn-danger.hovered{
background: rgba(41, 128, 185,1.0);
border-color: rgba(41, 128, 185,1.0);
}
然后在磁贴的hover
事件上,我添加并删除了hover
类
$( ".tile" ).hover(function() {
$(this).find('.btn-danger').addClass('hovered');
}, function() {
$(this).find('.btn-danger').removeClass('hovered');
});
编辑:
但是,如果按钮嵌套在平铺上,则可以使用此选择器在css中执行此操作
.btn-danger:hover, .tile:hover .btn-danger{
background: rgba(41, 128, 185,1.0);
border-color: rgba(41, 128, 185,1.0);
}
您需要添加第二个类并在css中处理它。您提到您已经创建了一个hover类
我在您的样式中添加了一个悬停的类。当将鼠标悬停在按钮上时,或者如果将hovered
类添加到按钮上,则该样式将应用
.btn-danger:hover, .btn-danger.hovered{
background: rgba(41, 128, 185,1.0);
border-color: rgba(41, 128, 185,1.0);
}
然后在磁贴的hover
事件上,我添加并删除了hover
类
$( ".tile" ).hover(function() {
$(this).find('.btn-danger').addClass('hovered');
}, function() {
$(this).find('.btn-danger').removeClass('hovered');
});
编辑:
但是,如果按钮嵌套在平铺上,则可以使用此选择器在css中执行此操作
.btn-danger:hover, .tile:hover .btn-danger{
background: rgba(41, 128, 185,1.0);
border-color: rgba(41, 128, 185,1.0);
}
如果你只是想更改另一个元素的样式,你可以简单地添加一个css类,而不是试图触发hover…@TilwinJoy,他没有说任何关于样式的事情,他想触发处理程序。我们不知道处理器里有什么。@Smeegs这就是为什么我说“如果你愿意的话”。希望你能阅读。我提出了一个可能有用也可能无用的想法。这就是为什么我在评论中添加了它。@TilwinJoy,你可以很容易地说。如果你想重写操作系统,有更好的方法。但这与问题无关。坚持所要求的。希望你们能读。@Smeegs我想知道OP触发悬停的意图是什么。我有权在评论中询问更多信息。如果你只是想更改另一个元素的样式,你可以简单地添加一个css类,而不是试图触发悬停…@TilwinJoy,他没有说任何关于样式的内容,他想触发处理程序。我们不知道处理器里有什么。@Smeegs这就是为什么我说“如果你愿意的话”。希望你能阅读。我提出了一个可能有用也可能无用的想法。这就是为什么我在评论中添加了它。@TilwinJoy,你可以很容易地说。如果你想重写操作系统,有更好的方法。但这与问题无关。坚持所要求的。希望你们能读。@Smeegs我想知道OP触发悬停的意图是什么。我有权在评论中询问更多信息。@Milindantwar,他试图在悬停事件上应用悬停css样式。@Milindantwar,他试图在悬停事件上应用悬停css样式。