Запрос HoverIntent не работает (селекторы подстановочных знаков и многое другое)

Question

Я хочу сделать выпадающее меню для моего сайта с помощью jquery ... возникает несколько проблем:

1. Кажется, что подстановочный знак не работает
2. Он не выберет детей с ул.

HTML:

<li class="px6RANDOM">
    <a href="LINK">
        <span>Disclosure</span>
    </a>
    <ul class="subMenu">
          <li>1</li>
          <li>2</li>
          <li>3</li>
    </ul>
</li>

JQuery:

$(function(){
    $("li.px\\S*").children("ul").hide();

    function show() 
    {
        $(this).children("ul").show();
    }
    function hide() 
    {
            $(this).children("ul").hide();
    }

    $("li.px\\S*").hoverIntent({
        sensitivity: 1, 
        interval: 50,   
        over: show,     
        timeout: 1000,  
        out: hide
    });

});

Что я делаю не так? Селектор, кажется, в порядке, и дети работают также!

Я новичок в jquery / javascript, но хочу учиться. Пожалуйста, помогите!

---

Answer 1

Попробуйте это :

$("li[class^='px']")

Что касается отображения и скрытия: даже когда селекторы будут работать, this не определен, как вы ожидаете. Попробуйте добавить его в качестве аргумента для функций или удалите функции и вставьте код в код.