javascript - <div> 点击时不隐藏？

Question

此 div 应在点击时隐藏。我在notepad++中测试了代码并且它有效。但在 Maven 项目中，我将代码添加到 JSF 页面，并且它不会在单击时隐藏。为什么它在 JSF 页面中不起作用？或者还有什么问题吗？

这是代码:

<div id="cookiew">
        <b>This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies. <b>
        <button type="button" id="cookieb" class="btn btn-default" >OK</button>
        <style>
            #cookiew{
                width: 960px;
                display: block;
                margin-left: auto;
                background-color: red;
                width: 100%;
                text-align: center;
                color: white;
                height: 45px;
                padding-bottom: 5px;
                padding-top: 5px;
            }
            #cookieb{
                margin-left: 3px;
                margin-right: 3px;
            }
        </style>
        <script>
            $(document).ready(function(){
                $("#cookieb").click(function(){
                    $(cookiew).hide();
                });
            });
        </script>
    </div>

此外，这是我的脚本:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<h:outputScript library="js" name="myjs.js" />

这是一个 JSFiddle:http://jsfiddle.net/7dyh5eun/

Answer 1

另外还有丹尼斯所说的。 看来 jquery 没有加载。 更新的 jsfiddle 请参阅此处 http://jsfiddle.net/7dyh5eun/4/

$(document).ready(function(){
    $('#cookiePrompt').click(function(){
        $('#cookiePrompt').hide();
    });
});