>目标

我正在使用来自 carhartl 的轻量级 cookie 插件。我正在尝试的是当用户单击通知栏的关闭按钮时设置cookie。当用户关闭此消息时，应隐藏该栏，直到时间到期。

问题所在

下面是我的脚本。因此，当用户点击类.notification-bar栏时，应该隐藏栏并设置cookie。如果未找到 cookie，请显示该栏，直到时间到期。

不幸的是，下面的代码不起作用。我没有收到错误消息，但是当我关闭通知栏并刷新页面时，该消息将再次出现。在此之后不会设置cookie。

var notifyBar = $('#notification-bar’)
                if($.cookie('demo_cookie') == null) {
                    notifyBar.css( "display", "block" );
                };
                $(".notification-close").click(function() {
                    notifyBar.css( "display", "none" );
                    $.cookie('demo_cookie', 'Demo Cookie', { expires: '<?php $expiry_date ?>', path: '/'}); 
                });

[更新]

JSFIDDLE： http://jsfiddle.net/cddhez75/8/

当WordPress网站上发布新帖子时，让通知栏工作的代码如下所示：

函数.php文件

有新帖子发布时，钩入WordPress的transition_post_status功能。

add_action( 'transition_post_status', function ( $new_status, $old_status, $post ) {
    //Check if our post status then execute our code
    if ( $new_status == 'publish' && $old_status != 'publish' ) {
        if ( get_option( 'new_post_notification' ) !== false ) {
            // The option already exists, so we just update it.
            update_option( 'new_post_notification', $post );
        } else {
            add_option( 'new_post_notification', $post );
        }
    }
}, 10, 3 );

和标头.php文件

<?php 
// Get the new_post_notification which holds the newest post
$notification = get_option( 'new_post_notification' );
if( false != $notification ) {
    //Get the post's gmt date. This can be changed to post_date
    $post_date = strtotime( $notification->post_date_gmt );
    //Get the current gmt time
    $todays_date = current_time( 'timestamp', true );
    //Set the expiry time to two days after the posts is published
    $expiry_date = strtotime('+10 minute', $post_date);

    if( $expiry_date > $todays_date ) { 
        // Display your notification if two days has not been passed
        //echo 'New post published';

    ?>
        <script type="text/javascript">
            $(document).ready(function(){
                var notifyBar = $('#notification-bar');
                if($.cookie('demo_cookie') == null) {
                    notifyBar.css( "display", "block" );
                };
                $(".notification-close").click(function() {
                    notifyBar.css( "display", "none" );
                    $.cookie('demo_cookie', 'Demo Cookie', { expires: '<?php $expiry_date ?>', path: '/'}); 
                                        console.log('hello');
                });

            });
        </script>
        <div id="notification-bar-spacer">
            <div id="notification-bar" class="wpfront-fixed">
                <div class="notification-close">X</div>
                <table border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                        <tr>
                            <td>
                                <div class="wpfront-message">
                                    Geachte leden, er zijn één of meerdere nieuwe berichten toegevoegd. <a href="http://wordpress.devrijheidbussum.nl/wordpress/login/">Ga naar login pagina ></a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    <?php
    }
}
?>