вызов функции на входе ie8 не работает

0

У меня есть функция в моем 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();
});
  • 1
    Engine не определен var ...
  • 0
    @ pc-shooter Он станет глобальным, если вы его опустите. Я знаю, это ужасно.
Теги:

1 ответ

0

Вероятно, это связано с тем, что Engine используется внутри функции, привязанной только к этой функции. Сначала попробуйте объявить движок глобально, например, в первой строке, используя

var Engine;

или присоедините onclick-обработчик в этой функции, используя

$("button.your-button").click(Engine.search.globalSearch);

Это также затронуло бы вероятные конфликты, возникающие из-за использования встроенного обработчика onclick с обработчиком событий, который объявляется в методе, вызванном еще в DOMReady-событии.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню