Question

我有一个Wordpress网站，我希望有一个页面，如果你按一个按钮，它会将存储值增加1.我希望一旦按下按钮显示包含新整数的页面，页面就会刷新值。

我不确定我是否应该使用PHP和txt文件来存储数据或使用mySQL ......无论哪种方式我都不知道如何编写这样的东西！我只想要一些非常简单的东西：）

提前谢谢你：）

Answer 1

您好，您可以使用这样的jquery代码。 youtube上有许多教程，展示了如何在html中链接jQuery库。

然后，您可以在页面的html中使用此代码。或者如果你正在使用外部JavaScript，那么你应该将你的javascript文件排入主题functions.php文件中，如此

wp_enqueue_script('your_js_handle', plugins_url('your_js_folder/your_js_file.js',__FILE__) ,array('any_dependency_the_js_file_might_require',false);

add_filter('wp_head','your_function');

function your_function(){
$output = '
var myvalue = 0;
$("#mybuttonid").on("click",function(){
    myvalue++;
    localStorage.setItem("any_name_here", myvalue);
})

if ( localStorage.getItem("any_name_here") ) {
  myvalue = localStorage.getItem("any_name_here");
}
</script>';
echo $output;
}

然后，您可以使用myvalue将其作为文本放在某个div标签中。但首先你必须拥有div id。假设div id是'the_text'

这是您应该使用的代码：

然后你可以像这样编写代码。

wp_enqueue_script('your_js_handle', plugins_url('your_js_folder/your_js_file.js',__FILE__) ),array('any_dependency_the_js_file_might_require',false);


add_filter('wp_head','your_function');

function your_function(){
$output = '
var myvalue = 0;
$("#mybuttonid").on("click",function(){
    if ( localStorage.getItem("any_name_here") ) {
      myvalue = localStorage.getItem("any_name_here");
    }

    myvalue++;
    $("#the_text").text(myvalue);
    localStorage.setItem("any_name_here", myvalue);

</script>';
echo $output;
}

对于your_js_handle，您可以输入任何名称但不包含空格。 your_js_handle是HTML DOM中可用的文件的ID。

Plugins_url是您在使用plugin.Else时应该使用的功能你应该使用get_template_directory_uri('your_js_folder/your_js_file.js')。

__FILE__在单词之前和之后写有2个下划线，因此这不是错误，__FILE__将执行的是它将检索您正在使用的文件的相对路径。 / p> 如果javascript文件需要任何库才能使用

array('any_dependency_the_js_file_might_require',false)。就像你的插件需要jQuery库一样，你必须通过声明数组（'jquery'）来使用它。如果您的插件需要jQuery库，请确保在使用之前将其排入队列。 Wordpress通常附带一个预安装的jQuery库，这是最新版本。要使用它只是状态

 wp_enqueue_script('jquery');

最后false表示您在页脚或网站标题中呈现文件。在这种情况下，您应确保根据需要使用wp_head()或wp_footer()。如果将其设置为true，则脚本将放在结束标记之前。

按下按钮，使用Wordpress将值增加1

1 个答案: