●modx公式サイトのページ
https://modx.jp/docs/extras/snippets/ajaxsearch/
●githubのページ（1.12.1）
https://github.com/extras-evolution/ajaxSearch/tree/master/assets/snippets/ajaxSearch
●ロシアのサイト？パラメータが詳しく載っているサイト
http://i--gu.ru/asearch
MODXでサイト内検索を調べていた所、「ajaxsearch」が現状で主流な感じのプラグインだったため導入、しかしサンプル通りに記述しても検索結果が表示されない事象に会う。
サンプルでは、[!Ajaxsearch!]と書けば良い。とのことだったが…。
googleサイト内検索を導入したところ、「広告が出るのが嫌だ」と言われ…
色々とエラー内容を調べても最初はわかりませんでした。
■リソース内容
[!AjaxSearch?
config=``
// &asId=`as2`
&ajaxSearch=`1`
&tplResult=`search-result-item`
&debug=`1`
!]
■エラー内容
Uncaught TypeError: as.so.setStyle is not a function
at activateAsInstance (ajaxSearch.js:formatted:72:18)
at activateSearch (ajaxSearch.js:formatted:28:9)
at g (mootools.js:3:7528)
at mootools.js:3:7706
at mootools.js:3:21359
at Array.forEach (<anonymous>)
at fireEvent (mootools.js:3:21299)
at mootools.js:3:27550
at Function.<anonymous> (mootools.js:3:27703)
at g (mootools.js:3:7528)
エラー内容を調べてみると、「ajaxSearch.js」の「72行目」
if (sf) {
as['so'] = $(p + 'ajaxSearch_output');
as['so'].setStyle('opacity', '0');←こちら
as['so'].removeClass('init');
asidの中身が無いことでエラーになっているということで、サンプルに従って「asId='as2'」と入力してみる
■リソース内容
[!AjaxSearch?
config=``
&asId=`as2`
&ajaxSearch=`1`
&tplResult=`search-result-item`
&debug=`1`
!]
しかし今度は別の場所でエラーが発生。
■エラー内容
ajaxSearch.js:formatted:26 Uncaught ReferenceError: asvar is not defined
at activateSearch (ajaxSearch.js:formatted:26:25)
at g (mootools.js:3:7528)
at mootools.js:3:7706
at mootools.js:3:21359
at Array.forEach (<anonymous>)
at fireEvent (mootools.js:3:21299)
at mootools.js:3:27550
at Function.<anonymous> (mootools.js:3:27703)
at g (mootools.js:3:7528)
エラーの内容を調べてみると、「ajaxSearch.js」の「26行目」
function activateSearch() {
for (ias = 0; ias < asvar.length; ias++) {←こちら
var asv = eval('(' + asvar[ias] + ')');
activateAsInstance(asv);
}
}
この辺りで等々行き詰まり、本家のフォーラムにて質問を投稿したところ、
★サービス終了している「mootools」を使う設定になっているのが原因ではないか
という回答を頂きました。
そこで、スニペットを呼び出すリソース側を直しました。
[!AjaxSearch?
&ajaxSearch=`1`
&jscript=`jquery`
!]
具体的にはこの記述さえされていればOK。
そして検索結果が表示され、問題が解決しました！
やったわーーー！
ただ、更なる課題としては、スタイルシートに記述しているコメント部分まで拾って検索結果に出されたもので、これもオプションの記述内容に従って
[!AjaxSearch?
&ajaxSearch=`1`
&jscript=`jquery` &documents=`not in:1,2` &parents=`not in:1,2` !]
みたいな感じで記載してみたが、除外してくれず…。
これは色々探してみているがまだ未解決です。
コメント
コメントを投稿