Question

我为我的网站搜索功能编写了JQuery。当我使用单独的文件时它工作正常。但是当我在wordpress中包含相同的JQuery文件时，它不能按要求工作。我的问题是如何在wordpress中包含此代码

代码：

$('#search').keyup(function () { 
 var filter = $('#search').val();
  $('.et_pb_row').each(function() {

        $(this).find("h3:not(:contains('" + filter + "'))").parent().hide();
        $(this).find("h3:contains('" + filter + "')").parent().show();
     });
 });

Answer 1

首先，确保将WordPress加载到模板上。

在您的头文件中，确保已将其加载到

中

<?php wp_enqueue_script("jquery"); ?>

接下来，WordPress必须使用noConflict模式或使用基本jQuery调用而不是$。

试试这个

jQuery('#search').keyup(function () { 
    var filter = jQuery('#search').val();
    jQuery('.et_pb_row').each(function() {
        jQuery(this).find("h3:not(:contains('" + filter + "'))").parent().hide();
        jQuery(this).find("h3:contains('" + filter + "')").parent().show();
    });
});

您还应该确保所有jQuery代码都包含在以下代码中：

jQuery(document).ready(function() {
    //code to run here
});

Answer 2

你必须尝试一些试错法。可能是因为jquery冲突。

这些是可能的想法

尝试将您的jQUERY代码放在wp_head();
检查您是否使用最新版本的jquery文件（或检查您是否使用相同的工作文件的jquery文件）
尝试将jquery代码放在jquery文件的上方和下方

自定义JQuery在wordpress中不起作用

2 个答案: