jQuery 在 wordpress 模板页面中答案

【问题标题】：jQuery in a wordpress template pagejQuery 在 wordpress 模板页面中
【发布时间】：2016-03-22 20:36:48
【问题描述】：

我正在使用 jQuery 为我的 Wordpress 网站开发一个工具，我对此很陌生，但我想做的并不难。

我的脚本已入队，我读到在 NoConflict 模式下我不能使用 $，所以我改用 jQuery。

function Calculator()
    {
        var result = jQuery('result');
        if (jQuery('day').value == "" || jQuery('month').value == "" || jQuery('year').value == "") {

            return;
        }
        result.update('<span class="result">processing</span>');

        jQuery('form').request({
            onComplete: function(transport) {
                result.hide();
                result.update(transport.responseText);
                new Effect.Appear(result, { duration: 0.5 } );          
            }
        });

}

我的问题是到处都有错误：更新不起作用请求不起作用等等……

我显然做错了什么，但不知道是什么......

非常感谢！

【问题讨论】：

你在哪个文件中加入了你的脚本？
我在我的模板文件中加入了它（当然脚本是在functions.php中声明的）

标签： javascript jquery wordpress

【解决方案1】：

您看到的错误（“更新不是函数请求不是函数”）描述了问题 - 这些确实不是 jQuery 函数。

您似乎正在尝试使用 ID 或类“结果”更新 HTML 元素。为此，use .html()：

var result = jQuery('.result'); // "." to select the element with class result
result.html('something');

对于 .request，您似乎正在尝试对表单进行 POST 或 GET。如果是这样，use .ajax()、.post() 或 .get()。请注意，您需要添加更多详细信息，例如：

jQuery('form').ajax({
    type: "POST",
    url: someurl,
    data: somedata,
    onComplete: ...
});

另外，如果您的 Calculator() 函数可以在页面加载时被调用，请确保它（或任何调用它的）包含在 document.ready 中：

jQuery(document).ready(function () {
    ...
});

一个不相关的问题，要检查类“day”的表单输入的值，您需要使用：

jQuery('.day').val()

【讨论】：

【解决方案2】：

如果您使用类获取值，那么您必须这样做：

jQuery('.result').val()

或者如果使用 id 使用它：

jQuery('#result').val()

在 jquery 中我们使用.val() 函数来获取值而不是值。

【讨论】：

谢谢，我不知道，我做了这些修改，但我仍然有“result.update 不是函数”

【解决方案3】：

jquery中是否存在更新、请求？

你可以这样使用而不是一遍又一遍地写。

var j = jQuery.noConflict();
j(".result").html("<span>Processing..</span>");

【讨论】：

这行得通，但实际上你是对的，jquery 中可能不存在“请求”......我该如何替换它？当用户发送表单时，此代码应该在 php 文件中创建一些文本