Question

所以我创建的东西只显示导航栏，当点击其中一个项目时，它显示的内容是我的jQuery代码：

$(document).ready(function(){
    $('.navbar').bind('click', function(){
         $('.page-location').addClass('visible');
    });
});

问题是，一旦我点击该项目，内容就会出现然后消失。有人可以帮我解决这个问题，还是告诉我我做错了什么？

任何帮助表示赞赏

编辑HTML代码：

<header>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="content">
                <img src="<?php echo $dir; ?>/img/logo-orange.png">
                <h1>Live Inspired</h1>
                <h5>Website Coming Soon</h5>
                <h6>Summer of 2016</h6>
            </div>
            <div class="navbar">
                <ul>
                    <li><a href="">Birmingham</a></li>
                    <li><a href="">Birmingham, Aston</a></li>
                    <li><a href="">Manchester</a></li>
                    <li><a href="">Leeds</a></li>
                    <li><a href="">Edinburgh</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</header>

Answer 1

所以我使用.on而不是.bind来解决我的问题是一个糟糕的开发人员：

$(document).ready(function(){
    $('.navbar').on('click', function(){
         $('.page-location').addClass('visible');
    });
});

非常感谢所有提供帮助的人

Answer 2

您可以使用标准的jQuery .show();函数来执行此操作。

$(document).ready(function(){
    $('.navbar').on('click', function(){
         $('.page-location').show();
    });
});

这将在点击时显示您的课程

jQuery addClass - 内容出现，然后消失

2 个答案: