jquery - 如何在 wordpress 中使用 jQuery 或其他方法永久更改背景图像-6ren

jquery - 如何在 wordpress 中使用 jQuery 或其他方法永久更改背景图像

转载作者：行者123 更新时间：2023-11-28 02:42:37

我使用以下代码让用户通过单击按钮更改正文背景图像:

<script>
    $(document).ready(function() {
         $(".button1").click(function() {
            $("body").css("background-image", "url('')");
         });
    });
</script>

确实有效，但是当我点击文章进入文章页面时，body background-image 又变回了之前的图片。那么如何通过单击按钮进行永久更改。非常感谢。

最佳答案

你需要做的是，你需要在 session/cookie 中存储一个标志变量来检查用户是否单击了按钮以更改为背景图像。

当您重新加载页面或重定向到其他页面时，您需要获取该 session /cookie 值，并根据其值设置 <body> 的背景图像。 .

这是你可以得到你想做的事情的代码:

jQuery 代码:

jQuery(document).ready(function() {
    call_Ajax_get_set_session('get');
    jQuery(".button1").click(function() {
        call_Ajax_get_set_session('set');
    });
});

function call_Ajax_get_set_session(value){      
    data = {
        action : 'setBgImage',
        method : value
    };
    // first parameter will be the ajax url.
    jQuery.post('<?php echo admin_url( 'admin-ajax.php' );?>', data, function(response) {
        response = jQuery.parseJSON(response);
        if(response.success == '1'){
            jQuery("body").css("background-image", "url('')");
        }
    });
}

事件主题的 Function.php 文件中的 PHPCode:

add_action( 'wp_ajax_nopriv_setBgImage', 'setBgImage' );
add_action( 'wp_ajax_setBgImage', 'setBgImage' );

function setBgImage() {
    $method = $_POST['method'];
    if(session_id() == '') // check session has already start or not
    {
        session_start();
    }   

    if($method == 'set'){
        $_SESSION['setBgImage'] = '1';
        echo json_encode(array('success' => 1));
        exit;
    }
    else if($method == 'get'){
        if(isset($_SESSION['setBgImage']) && $_SESSION['setBgImage'] == '1'){
            echo json_encode(array('success' => 1));
            exit;
        }
        else{
            echo json_encode(array('success' => 0));
            exit;
        }
    }
    echo json_encode(array('success' => 0));
    exit;
}