我收到instantsearch.js的錯誤,這對我沒有任何意義。錯誤是:Algolia instantsearch.js發生了極小的異常;不變
錯誤:發生了極小的異常;使用非縮小的開發環境提供完整的錯誤消息和其他有用的警告。
我創建了一個小提琴與有問題的代碼:
https://jsfiddle.net/qkqzgsv9/
這裏的HTML:
<div type="text" id="search-box" class="form-control"></div>
<table class="table table-striped">
<thead>
<tr>
<th>Number</th>
<th>Name</th>
<th>Starts</th>
<th>Duration</th>
<th>Room</th>
<th><span class="glyphicon glyphicon-info-sign"></span></th>
</tr>
</thead>
<tbody id="hits-container">
</tbody>
</table>
<div id="pagination-container"></div>
而這裏的Java腳本:
var search = instantsearch({
appId: '5V0BUFDX8J',
apiKey: 'a25692c12853aea7a77c5a7125498512',
indexName: 'C86FE050-6C48-11E5-84AA-BA5F164D0BA4_events',
urlSync: { useHash: true }
});
search.addWidget(
instantsearch.widgets.searchBox({
container: '#search-box',
autofocus: true,
placeholder: 'Search for events by keyword, description, or event number.'
})
);
search.addWidget(
instantsearch.widgets.hits({
container: '#hits-container',
templates: {
empty: 'No events found',
item: '<tr><td><a href="{{view_uri}}">{{event_number}}</a></td><td><a href="{{view_uri}}" target="_new">{{name}}</a></td><td>{{startdaypart_name}}</td><td>{{duration_name}}</td><td>{{room_name}}</td><td><span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" title="{{description}}"></span></td></tr>'
},
})
);
search.addWidget(
instantsearch.widgets.pagination({
container: '#pagination-container'
})
);
search.start();
它發生在Safari和Chrome中。我甚至沒有使用instantsearch.js的縮小版本。任何想法是什麼導致它?
到目前爲止,我發現它不喜歡點擊小部件中的HTML標籤。如果我刪除所有這些變量,然後只有變量,那麼我不會得到那個錯誤,這當然對我不起作用。 – user128638
我試着用一個函數替換模板,但得到相同的錯誤:https://jsfiddle.net/cc57cLjn/4/ – user128638
所以事實證明,這只是造成悲傷的表標籤。如果我用div封裝,那麼它不會廢話。顯然它可以用div標籤來模擬一個表格,但我寧願不要。這裏有一個標籤工作小提琴:https://jsfiddle.net/c6v7jvyd/4/ – user128638