Question

        $( "ul#results" ).click(function() {$( this ).slideUp();});

我正在使用以下教程中的代码：http://ninetofive.me/blog/build-a-live-search-with-ajax-php-and-mysql以上是针对AJAX下拉列表的jQuery代码。

当用户点击链接时，我试图让下拉菜单消失，而不会让页面重定向或刷新。我也在URL（处理服务器端）中使用哈希作为我的链接。例如：
mysite.com/#selecteddropdowndata

我不确定问题是我的URL哈希，jQuery还是组合。

Answer 1

这是一个工作jsfiddle的链接：http://jsfiddle.net/Grimbode/6zAYq/2/

如果您点击链接（），则需要阻止默认点击事件发生，并触发您真正想要的事件。

HTML：

<ul id="results">
    <li><a href="www.google.com">test123</a></li>
    <li><a href="www.google.com">test123</a></li>
    <li><a href="www.google.com">test123</a></li>
</ul>

JS：

$( "a" ).on('click', function(e){
    e.preventDefault();
    $('#results').trigger('click');
});

$('#results').on('click', function(e){
    $( this ).slideUp();
});

Answer 2

要在单击时禁用链接，请使用preventDefault()功能。您的代码显示您定位的是<ul>代码，而不是链接。试试这个：

$('a.yourlink').click(function(e){
    $("ul#results").slideUp();
    e.preventDefault();
});

jQuery URL哈希输入刷新

2 个答案: