jquery：向下滑動子菜單，然後在寬度超過1050像素的屏幕上點擊一個範圍

Question

我有一些子菜單菜單。我的要求是：向下滑動（切換）子菜單，然後單擊跨度並僅在寬度超過1050像素的屏幕上進行。訣竅是 - 沒有跨度元素之前我 「創造」 它這個代碼：

$('#main-menu > ul > li:nth-child(1) > a,#main-menu > ul > li:nth-child(2) > a').replaceWith(function() { 
return '<span>' + $(this).text() + '</span>' 
}); 

前：

<li><a href="http://piirissaareturism.ee/avasta-piirissaar/">Piirissaar</a> 

後：

<li><span>Piirissaar</span></li> 

到現在都運作良好。但接下來 - 不是。

代碼我創建，但它是不工作當然：

$('#main-menu ul li span:has(.dropdown-menu)').on('click').find('ul').slideToggle(); 
}); 

UPDATE

這其中也沒有工作：

$('#main-menu ul li span').on('click',function(){ 
$(this).find('.dropdown-menu').slideToggle(); 
}); 

常見的，它不能這麼困難。

jsfiddle更好的概述。

Answer 1

我想你應該寫這樣的事情：

$('#main-menu ul li span:has(.dropdown-menu)') 
.on('click',function(){ 
    $(this).find('ul').slideToggle(); 
}); 

否則on('click')沒有做任何事情。