Question

我正在尝试使用jQuery和ajax创建即时搜索。不知何故，它工作正常但我使用子导航来显示结果。问题是subnav正在滑落，但它不应该消失。

HTML

<ul>
<li>
<form>

  <input type="text" id="keyword">

</form>
<ul class="subnav">

</ul>
</li>
</ul>

jquery的： -

$(document).ready(function() {

        if ($(this).val().length != "") {

            $('.submenu').slideDown()

            $.ajax({

                type: "POST",

                url: "test.php",

                data: 'keyword=' + $(this).val(),

                success: function(data) {

                    $('.submenu').html(data);

                } else {

                    $('.submenu').slideUp()
                }

            })
        });

的CSS： .submenu {
宽度：165像素; 背景：＃F30; 位置：绝对的; 显示：无; }

当我在css中提到高度它工作正常但没有高度它不工作..并抱歉没有组织代码。我很难在手机上这样做..

先谢谢

Answer 1

我相信你的＆＃34;否则＆＃34;使用不正确。

删除＆＃34; else＆＃34;部分，并为此影响做一些事情;

       //$('.submenu').slideUp();

        $.ajax({

            type: "POST",

            url: "test.php",

            data: 'keyword=' + $(this).val(),

            success: function(data) {
                $('.submenu').slideDown();
                $('.submenu').html(data);

            }

        })

我注释掉了顶行，因为您可能想要在找到结果时使用它来隐藏subnav（如果整个if函数为false，您可能也想让它具有slideUp（），所以添加一个否则为主要的if函数。）

子导航没有正确滑动

1 个答案: