<div> 不隐藏点击？答案

【问题标题】：<div> not hiding on click?<div> 不隐藏点击？
【发布时间】：2014-10-22 01:19:39
【问题描述】：

这个div 应该在点击时隐藏。我在记事本++中测试了代码，它工作正常。但是在一个 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/

【问题讨论】：

标签： javascript maven jsf xhtml

【解决方案1】：

另外还有丹妮丝所说的。好像没有加载jquery。更新的 jsfiddle 见这里http://jsfiddle.net/7dyh5eun/4/

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

【讨论】：

【解决方案2】：

嗯，这是一个放置脚本标签的奇怪地方。但问题可能是：

$(cookiew).hide();

应该是

$("#cookiew").hide();

【讨论】：

哪里应该是放置脚本标签的好地方？我将其更改为"#cookiew"，但它仍然没有隐藏。
最佳位置：在自己的文件中。（css 也确实属于它自己的文件）。除此之外，在文件的顶部或底部是样式和脚本标签更典型的位置。
谢谢。为什么我的代码仍然无法工作，您还有什么建议吗？