jQuery脚本无法正常工作，但无法看到问题

Question

我的脚本对我来说非常好 - 我看不到问题，当我点击链接时它什么也没做。

在我的index.php的头标记中：

<!-- scripts -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.imgareaselect.pack.js"></script>

js / script.js：

$(document).ready(function() {
    $('#changeDP').click(function(){
        $('#profile_picture_change').show();
        $('#outer_container').hide();
    });
});

我有每个相应的标签（它们都正确关闭）：

<div class="profile_picture_change" style="display:none;">

<div class="outer_container">

<a id="changeDP" href="#">

谢谢你的帮助将不胜感激。 ：）

Answer 1

您将类元素称为 ID 。

    $('.profile_picture_change').show();
    $('.outer_container').hide();