2011-08-19 82 views
4

我有一个与CSS悬停风格的元素。黄瓜如何将鼠标悬停在某个元素上?

我试图用这个

page.execute_script(“$(‘#{}选择’)鼠标悬停();”)

但不工作?

其他人遇到过这个问题使用CSS悬停?谢谢!

+0

黄瓜添加类“悬停”的元素

element { &:hover, &.hover { //styles } } 

,并触发它是什么黄瓜已用什么在这里做? –

回答

-2

我用.hover功能()和它的工作。感谢您的答案!

我最后不得不由

page.execute_script(“$(‘#{selector}’).mouseover().addClass('hover');”) 
+2

您能更具体吗? –

+0

雅...什么?我也遇到了这个问题,我不确定你的意思是使用'.hover()'。我尝试了'page.find(“。btn_thread_options”)。hover()',但是我得到了'未定义的方法'悬停'为#' – nzifnab

+0

对不起,我无法更正此回答,我知道现在有点晚了,但我已经更新了答案。 – maru

0

这里是我的应用程序的步骤

When /^I hover and click on "([^\"]*)"$/ do |selector| 
    page.driver.browser.execute_script %Q{ 
    $("#{selector}").trigger("mouseenter").click(); 
    } 
end 
1

试试这个:

page.evaluate_script("$('#{element_name}').trigger('mouseover')") 
+1

如果您不在意返回值,最好使用“execute_script”: page.execute_script(“$('#{element_name}')。trigger('mouseover')”) – weexpectedTHIS

0

或者,您不需经过调用绑定到该事件

相关问题