标签: instantsearch

InstantSearch 无法删除蓝色十字,这会重置查询

我正在使用 algolia 的 InstantSearch 创建一个输入字段,但我在调试这个交叉的来源时遇到了麻烦。当输入字段获得焦点或悬停时,会出现蓝色十字,看起来像是清除了查询。(我已经有一个用于重置的按钮)。检查元素在悬停/聚焦时不会显示任何“弹出”内容,我想知道它是如何到达那里的

\n

有什么我跳过的吗?或者在CSS中添加额外的内容?在实施之前我可能已经使用了一个模板

\n

在此输入图像描述

\n

我的html:

\n
  <div className="items-center h-full">\n        <InstantSearch\n          indexName={variables.ALGOLIA_INDEX}\n          searchClient={algolia}\n        >\n          <div className="h-full flex flex-col items-center justify-center">\n            <SearchBox\n              translations={{\n                placeholder: \'\',\n                resetTitle: \'T\xc3\xb8m s\xc3\xb8kefeltet\',\n              }}\n              reset={\n                <SearchCloseIcon className=" h-5 md:h-10 transform duration-500 hover:scale-110 cursor-pointer" />\n              }\n              autoFocus={true}\n            />\n            <Results />\n          </div>\n        </InstantSearch>\n      </div>\n
Run Code Online (Sandbox Code Playgroud)\n

我的CSS:

\n
.ais-SearchBox {\n}\n\n.ais-SearchBox-form {\n  display: flex;\n}\n.ais-Pagination {\n  margin-top: 1em;\n}\n.ais-SearchBox-resetIcon {\n  height: 2rem;\n  width: 2rem;\n}\n.left-panel {\n  float: left;\n  width: 250px;\n}\n\n.right-panel {\n  margin-left: 260px;\n}\n\n.ais-InstantSearch {\n  max-width: 960px;\n  overflow: hidden;\n  margin: …
Run Code Online (Sandbox Code Playgroud)

reactjs algolia instantsearch tailwind-css

5
推荐指数
1
解决办法
580
查看次数

使用InstantSearch-Android时会出现MemoryLeak

当我使用InstantSearch Android时,会出现内存泄漏.

请参阅以下MainActivity泄漏内存... hprof显示它是一个问题com.algolia.instantsearch.ui.views.Hits.什么人知道如何在被摧毁时摧毁那个视图Activity

public class MainActivity extends AppCompatActivity {
    private Searcher searcher;
    InstantSearch helper;

    Hits hits;

    LinearLayout activity_main;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        hits= (Hits) findViewById(R.id.hits);
        activity_main= (LinearLayout) findViewById(R.id.activity_main);

        searcher = Searcher.create("app_id","secret_key","Items");
        helper = new InstantSearch(this, searcher);
        helper.search();
    }

    @Override
    protected void onDestroy() {
        searcher=null;

        helper=null;
        hits.clear();

        hits.removeAllViewsInLayout();
        hits.removeAllViews();
        hits.destroyDrawingCache();
        hits.setBackground(null);
        hits.setBackgroundResource(0);
        hits=null;

        activity_main.removeAllViewsInLayout();
        activity_main.removeAllViews();
        activity_main.destroyDrawingCache();
        activity_main.setBackground(null);
        activity_main.setBackgroundResource(0);
        activity_main=null;
        Log.i("AppInfo","Destroy");
        super.onDestroy();
    }
}
Run Code Online (Sandbox Code Playgroud)

这是我的activity_main.xml:

<LinearLayout
android:id="@+id/activity_main"
xmlns:android="http://schemas.android.com/apk/res/android" …
Run Code Online (Sandbox Code Playgroud)

android algolia instantsearch instantsearch-android

2
推荐指数
1
解决办法
156
查看次数

如何通过instantsearch js从woocommerce产品中删除一个类别

我试过这种方式但没有工作,我认为它必须有一些特定的方式来调用woocommerce类别

    search = instantsearch({
      appId: 'myid',
      apiKey: 'mykey',
      indexName: 'wp_posts_product',
      searchParameters: {
        filters: filters,
        hitsPerPage: 9,
            facetsExcludes: {
                categories: ['Destaques', 'destaques']
            }
      }
    });
Run Code Online (Sandbox Code Playgroud)

javascript wordpress algolia instantsearch

1
推荐指数
1
解决办法
92
查看次数