gpt4 book ai didi

php - 如何在 .php 文件中正确使用 jquery? WP-Admin 只显示 html

转载 作者:行者123 更新时间:2023-11-30 22:17:46 24 4
gpt4 key购买 nike

我有一个 wordpress 安装,我目前正在尝试创建一个公式,在发送公式后我处理数据并将其保存到 mysql 数据库中。

为了实现这一点,我创建了一个新的 .php 文件,我将其包含在主题的“function.php”中,因为我想用简码添加整个公式/过程。

.php 文件当前包含这个(简体):

function FNC_Add_New_Record ()
{
$options = "<option value='unselected'>- Select one -</option>"
. "<option value='option1'>Option 1</option>"
. "<option value='option2'>Option 2</option>";

echo "<br>";
echo "<form id='form1' method='post'>";
echo "<div style='text-align: center;'>";
echo "<font size=5>Selection 1</font><br>";
echo "<input type='text' name='textfield1' placeholder='Insert caption here'><br>";
echo "<select id='selection1'>" . $options . "</select>";
echo "<select id='selection2'><option value='unselected'>- No option1 selected -</option></select>";
echo "<br><br>";
echo "</div>";

echo "</form>";
echo "<br>";
}
add_shortcode('FNC_Add_New_Record','FNC_Add_New_Record');

因为选择 2 取决于选择 1 选择的内容,所以我将 jquery 添加到 .php 文件的末尾:

?><!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type = "text/javascript" language = "javascript">

$(document).ready(function () {
$("#selection1").change(function () {
var val = $(this).val();
if (val == "option1") {
$("#selection2").html("<option value='none'>None</option><option value='option2'>Option 2</option>");
} else if (val == "option2") {
$("#selection2").html("<option value='none'>None</option><option value='option2'>Option 2</option>");
} else if (val == "unselected") {
$("#selection2").html("<option value='unselected'>- No option1 selected -</option>");
}
});
});
</script>

所以,我可能做错了很多,但这是我能够让它工作的唯一方法。是的,我在这里和很多其他方面搜索了正确的解决方案,这些解决方案告诉我将它添加到主题的 function.php 中并使用“入队”来完成。我已经尝试了所有可能的建议函数和代码片段,但没有任何效果。

这个解决方案的问题是它使我的 wordpress 安装的 wp-admin 变得无用,因为它只显示我添加到 .php 文件中的代码作为 html。

我在访问 wp-admin 的网站上得到了什么: What I get

我还想指出,使用标签 "<!DOCTYPE html>"是我在添加 jquery 时遇到的另一个问题的解决方案,但我不知道它是否是正确的解决方案。如果我删除这个标签,我网站的主导航栏的高度不会像 15 像素那样突然变成几乎整个高清屏幕的高度。

最佳答案

Wordpress function.php 还包括所有 JS 文件,利用 wp_enqueue_scripts 来排队你的脚本。

function my_scripts_loader() {
wp_enqueue_script('myjquerylib-js', get_template_directory_uri() . '/assets/js/myjquerylib.js');

}
add_action('wp_enqueue_scripts', 'my_scripts_loader');

关于php - 如何在 .php 文件中正确使用 jquery? WP-Admin 只显示 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37678162/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com