我有一个Wordpress网站，我想有一个页面，如果你按下一个按钮，它会将存储值增加1。我更希望页面在按下按钮后刷新，以显示具有新整数值的页面。
我不确定我是应该使用PHP和txt文件来存储数据，还是使用mySQL。。。不管怎样，我都不知道如何编写这样的东西！我只想要一些非常简单的东西：）
提前感谢：）
Hi您可以使用这样的jquery代码。youtube上有许多教程展示了如何在html中链接jQuery库。
然后，您可以在页面的html中使用此代码。或者，如果您使用的是外部javascript，那么您应该将javascript文件放入主题函数.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是"文本"
这是您应该使用的代码：
然后你可以这样写代码。
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是使用插件时应该使用的函数。其他的您应该使用get_template_directory_uri('your_js_folder/your_js_file.js')。
__FILE__在单词前后写有2个下划线，因此这不是错误，__FILE__将检索您正在使用的文件的相对路径。
如果javascript文件需要任何库才能工作，则应使用array('any_dependency_the_js_file_might_require',false)。就像如果你的插件需要jQuery库，那么你必须通过声明array（'jQuery'）来使用它。如果您的插件需要jQuery库，请确保在使用它之前已将其排队。Wordpress通常会预装最新版本的jQuery库。要使用它，只需状态
wp_enqueue_script('jquery');
最后，false意味着您可以在站点的页脚或页眉中呈现文件。在这种情况下，应确保根据需要使用wp_head()或wp_footer()。如果将其设置为true，则脚本将放置在结束标记之前。