无法关闭 Genesis 主题中的粘性消息

Question

请查看网站 x 上的置顶消息。当您单击关闭按钮时，页面会转到顶部，向下滚动时粘滞消息又回来了。知道如何解决这个问题吗？我在functions.php和必要的javascript/CSS中添加了下面的脚本。

// Enqueue Scripts and Styles.

add_action( 'wp_enqueue_scripts', 'oc_enqueue_scripts_styles' );

function oc_enqueue_scripts_styles() {

    wp_enqueue_script( 'oc_sticky_message', get_bloginfo( 'stylesheet_directory' ) . '/js/sticky-message.js', array( 'jquery' ), '1.0.0' );

}

//* Register widget areas

genesis_register_sidebar( array(

    'id'          => 'sticky-message',

    'name'        => __( 'Sticky Message', 'oc' ),

    'description' => __( 'This is the sticky message section.', 'oc' ),

) );

// Add markup for the sticky message.

add_action( 'genesis_before', 'oc_sticky_message' );

function oc_sticky_message() {

    genesis_widget_area( 'sticky-message', array(

        'before' => '<div class="sticky-message">',

        'after'  => '<a class="dismiss dashicons dashicons-no-alt" href="#"><span class="screen-reader-text">Dismiss</span></a></div></div>',

    ) );

}

jQuery(function($) {

    // Add reveal class to sticky message after 100px

    $(document).on("scroll", function() {

        if ($(document).scrollTop() > 100) { // Revealed after a person has scrolled 100px down

            $(".sticky-message").addClass("reveal");

        } else {

            $(".sticky-message").removeClass("reveal");

        }

    });

    $('.sticky-message a.dismiss').click(function(e){

        e.preventDefault();

        $(this).parents(".sticky-message").addClass("hard-close");

    });

});

.hard-close {

      display:none !important;

}

Answer 1

添加以下script线路和CSS你的代码。我假设关闭标签将dismiss类作为静态类。CSS.hard-close{&nbsp; display:none !important;}脚本$('.sticky-message a.dismiss').click(function(e){&nbsp; e.preventDefault();&nbsp; $(this).parents(".sticky-message").addClass("hard-close");});