我正在使用 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) 当我使用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) 我试过这种方式但没有工作,我认为它必须有一些特定的方式来调用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)