He buscado una respuesta a esto pero las respuestas que encontré no parecen resolver mi problema.
Quiero obtener la misma funcionalidad que esta:
$(".navlistitem > a:contains("Products"), .dropdown.productmenu").hover(function(){
showThis.call($(productMenu));
}, function(){
hideThis.call($(productMenu));
});
En cambio, utilizando una variable para el segundo selector, algo como a continuación:
var productMenu = $(".dropdown.productmenu");
$(".navlistitem > a:contains("Products")", productMenu).hover(function(){
showThis.call($(productMenu));
}, function(){
hideThis.call($(productMenu));
});
productMenu es un menú deslizante que deberíaAparece - y lo hace con el primer ejemplo. Pero no puedo hacerlo funcionar con el segundo. ¿Cómo seleccionaría ".navlistitem> a: contiene (" Productos ")" O la variable llamada productMenu?
¡Gracias por adelantado!
Respuestas
2 para la respuesta № 1$(".navlistitem > a:contains("Products"), .dropdown.productmenu").hover(function(){
es lo mismo que
$(".navlistitem > a:contains("Products")").hover(function(){...
$(".dropdown.productmenu").hover(function(){...
o quizás más precisamente
$(".navlistitem > a:contains("Products")")
.add(".dropdown.productmenu").hover(function(){...
mientras
$(".navlistitem > a:contains("Products")", productMenu).hover...
es lo mismo que
productMenu.find(".navlistitem > a:contains("Products")").hover...
lo que significa que es un elemento hijo de productMenu
UTILIZAR ESTA
$(".navlistitem > a:contains("Products")")
.add(productMenu).hover(function(){...
o productMenu.add(".navlistitem > a:contains("Products")").hover(function(){...
0 para la respuesta № 2
No entiendo muy bien tu pregunta, sin embargo si ".navlistitem > a:contains("Products")"
no es un descendiente de ".dropdown.productmenu"
, el segundo no funcionó.
El segundo parámetro es establecer el "contexto" de la llamada para el selector.