在body中调用cookie-jquery函数?

时间:2014-01-06 09:36:45

标签: javascript jquery cookies session-cookies

我需要一些帮助,我从朋友处获得了一个jquery代码来接受cookie,我们必须在丹麦使用它。

我的问题是我真的不知道如何在html中调用我体内的函数?

有人可以提供帮助吗,我在jsFiddle中得到的代码应该很容易让你看看。

HTML:

This is a test


<script>
    jQuery(document).load(_cookieAccept);
</script>

JS:

var _cookieAccept = {

    init: function () {

        if (this.hasAccepted()) {
            return;
        }

        //
        var bar = $j('<div>')
            .addClass('cookieAccept')
            .append($j('<span>').html('<img src="http://www.computerworld.dk/common/images/cookie_warning_1.gif" />Websitet anvender cookies til at huske dine indstillinger, statistik og at målrette annoncer. <a class="readMore" href="/privacy" target="_blank">Læs mere</a>'))
            .append($j('<a>').attr('href', 'javascript:void(0)').addClass('accept').html('OK').click(this.clickAccept))

        //
        bar.css({
            position: 'fixed',
            left: 0,
            bottom: 0,
            width: '100%',
            backgroundColor: 'rgba( 0, 0, 0, 0.7 )',
            color: '#ffffff',
            padding: '15px',
            fontSize: 16,
            lineHeight: '20px',
            fontFamily: 'Arial',
            zIndex: 10000,
            textAlign: 'left'
        });

        bar.find('a.readMore').css({
            color: '#ffffff',
            textDecoration: 'underline',
            fontWeight: 'normal'
        });

        bar.find('a.accept').css({
            float: 'right',
            marginRight: '50px',
            backgroundColor: '#ffffff',
            padding: '5px 20px',
            borderRadius: '4px',
            color: '#000000',
            fontSize: '14px'
        });

        bar.find('a.accept').hover(function () {
            $j(this).css('backgroundColor', '#7c94a0');
        }, function () {
            $j(this).css('backgroundColor', '#ffffff');
        });

        //
        $j('body').append(bar);
    },

    /**
     * 
     */
    hasAccepted: function () {
        return (document.cookie.indexOf('cookieAccept=Yes') !== -1);
    },

    /**
     * 
     */
    setAccept: function () {
        var expire = new Date();
        expire.setDate(expire.getDate() + (365 * 10));
        document.cookie = 'cookieAccept=Yes;expires=' + expire.toGMTString() + ';path=/';
    },

    /**
     * 
     */
    clickAccept: function () {

        _cookieAccept.setAccept();

        $j('div.cookieAccept').hide();
    }
};

$j(document).ready($j.proxy(_cookieAccept.init, _cookieAccept));

http://jsfiddle.net/k23MC/

1 个答案:

答案 0 :(得分:0)

<script type="text/javascript">
    <!-- Your code here -->
</script>

即使在身体标签内也应该正常工作,这无关紧要。

如果控制台中有任何语法错误,请查看firebug或类似工具。