У меня есть функция в моем js файле, похожая на (см. Ниже). Я пытаюсь вызвать функцию на кнопке, но она не будет работать в IE8 (получение "Engine undefined"), в FF, Chrome работает отлично: HTML:
<button onclick="javascript:Engine.search.globalSearch(window.event);" type="button" class="btn btn-default">Søg</button>
JS:
jQuery(function ($) {
var $w = $(window),
$body = $('body'),
resizeTimer,
tablePx = 768,
desktopPx = 992,
winWidth = $w.width();
Engine = {
search: {
setupSearch: function () {
// Add eventlistener for search-submit on Enter keydown
$("#q").keydown(function (event) {
if (event.which === 13) {
return Engine.search.submitSearch();
}
});
// Datepicker settings
// adding datepicker to date fields from the ASK local Search resume
// Setting op opensourse Bootstrap datepicker
$('input.addDatePicker').datepicker({
format: 'dd.mm.yy'
});
},
globalSearch: function (event) {
if (event.type === 'click' || event.keyCode === 13 || event.which === 13) {
// (IE-fix) Prevent default form-submit on Enter-press
event.preventDefault();
event.cancelBubble = true;
// Get search-field and placeholder-tekst
var searchFld = document.getElementById("globalsearch");
var ph = searchFld.getAttribute("placeholder");
if (searchFld.value !== "" && searchFld.value !== ph) {
// Get sites-searchpage url, combine it with the searchword and open that url.
var searchUrl = searchFld.getAttribute("data-searchUrl");
var tmpUrl = searchUrl + "?q=" + searchFld.value;
window.location = tmpUrl;
}
else {
return false;
}
}
},
autoSumitSearch: function () {
// Submit search if autoSubmit is setup to true by editor (requires variable defined on SC page)
if (autoSubmit === true) {
Engine.search.submitSearch();
}
},
submitSearch: function () {
// Create outer form with search criteria, to be able to submit it outside Sitecores global form-element
var $ = jQuery;
var winLoc = String(window.location.href).replace(/[?&]page[=][^&#]?/, "");
var form = '<form style="display: none;" method="get" action="' + window.location.href + '">' +
'<input name="q" value="' + $("#q").val() + '">' +
//'<input name="page" value="' + $("#page").val() + '">' +
'<input name="ps" value="' + $("#ps").val() + '">' +
(($("#categ").length > 0) ? '<input name="categ" value="' + $("#categ").val() + '">' : '') +
(($("#c").length > 0) ? '<input name="c" value="' + $("#c").val() + '">' : '') +
(($("#ddlCategories").length > 0) ? '<input name="cat" value="' + $("#ddlCategories").val() + '">' : '') +
(($("#ddlSiteSections").length > 0) ? '<input name="ss" value="' + $("#ddlSiteSections").val() + '">' : '') +
(($("#df").length > 0) ? '<input name="df" value="' + $("#df").val() + '">' : '') +
(($("#dt").length > 0) ? '<input name="dt" value="' + $("#dt").val() + '">' : '') +
'</form>';
var $form = $(form).appendTo("body");
setTimeout(function () { $form.submit().remove(); }, 0);
return false;
}
},
};
// Initialize main script-Engine;
Engine.init();
});
Вероятно, это связано с тем, что Engine
используется внутри функции, привязанной только к этой функции. Сначала попробуйте объявить движок глобально, например, в первой строке, используя
var Engine;
или присоедините onclick-обработчик в этой функции, используя
$("button.your-button").click(Engine.search.globalSearch);
Это также затронуло бы вероятные конфликты, возникающие из-за использования встроенного обработчика onclick с обработчиком событий, который объявляется в методе, вызванном еще в DOMReady-событии.
Engine
не определенvar
...