Question

我在使用Wordpress的网站上使用jQuery Autocomplete和搜索框。搜索框工作正常，并在没有单引号时显示产品。但是当有单引号时我没有显示任何产品。单引号出现在“女性产品型号和号码”中。

我试过：搜索框内的女性“鞋子产品”，“女性”，“女性”，“女性”，但都没有效果。有些选项没有结果，其他选项会列出所有Womens产品。

以下是搜索页面的代码：

<?php include('inc/page-header.php'); ?>

<?php if (!have_posts()){ ?>
    <?php include('inc/no-results.php'); ?>
<?php } ?>

<?php
    $term_args = array(
        'orderby' => 'count',
        'order' => 'DESC',
        'hide_empty' => false
    );
    foreach(get_terms('footwear-categories', $term_args) as $cat){
        $results = 0;
        ?>
        <div class="row">
            <div class="col-sm-12">
                <h2><?php echo $cat->name; ?> <span class="badge <?php echo "results-".$cat->slug; ?>"></span></h2>
            </div>
            <?php
            while(have_posts()){
                the_post();
                $current_cat = get_field('main_category');
                if($current_cat && $current_cat[0]->slug == $cat->slug){
                    $results ++;
                    include('inc/list-product.php');
                }
            }
            ?>
            <script type="text/javascript">
                jQuery(function(){
                    jQuery('.<?php echo "results-".$cat->slug; ?>').html('<?php echo $results; ?>');
                });
            </script>
        </div>
        <?php
    }

?>

以下是自动完成的代码：

// Auto complete search...
jQuery('.search-field').autocomplete({
  source: jQuery.parseJSON(styles),
  select: function(event, ui){
    jQuery(event.target).val('"'+ui.item.value+'"');
    return false;
  }
});

以下是搜索框的代码：

<form role="search" method="get" class="search-form form-inline" action="<?php echo home_url('/'); ?>">
    <div class="input-group">
        <input type="search" value="<?php if (is_search()) { echo get_search_query(); } ?>" name="s" class="search-field form-control" placeholder="<?php _e('Search', 'roots'); ?> <?php bloginfo('name'); ?>">
        <label class="hide"><?php _e('Search for:', 'roots'); ?></label>
        <span class="input-group-btn">
            <button type="submit" class="search-submit btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
        </span>
    </div>
</form>

jQuery搜索表单中的自动填充不接受撇号字符

0 个答案: