Как я могу предотвратить изменение адреса в jquery-адресе?

Question

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

    <li id="messages"><a href="#" class="drop" >Messages</a>
       <div class="drop2columns dropcontent">
            <div class="col_2">
                <ul>
                    <li><a id="msgs_received" href="#msgs_received">Inbox</a></li>
                    <li><a id="msgs_sent" href="msgs_sent">Sent</a></li>
                </ul>   
            </div>
        </div>
    </li>

Когда я нажимаю на часть «Сообщения», чтобы вызвать раскрывающийся список, местоположение устанавливается на «/» (я полагаю, потому что мой href = "#")

Есть ли способ игнорировать это событие onclick?

Я думал о создании события onClick, которое получает / устанавливает тот же URL-адрес, чтобы не вызывать метод изменения адреса в jqueries. Это больше похоже на взлом, чем на решение. Есть мысли?

Answer 1

В вашем JS попробуйте это:

$("#messages").bind("click", function(e){
    e.preventDefault();
});