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();
    });
});

Answer 2

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

$(cookiew).hide();

应该是

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

<div>没有隐藏在点击？</div>

2 个答案: