Оверлей JQuery не срабатывает на локальном хосте

Question

Я пытаюсь разобраться в локальной среде тестирования и успешно настроил xampp для обслуживания php-страниц. Я делаю это впервые, поэтому вполне возможно, что я делаю ошибки новичка!

Однако я знаю, что javascript - это клиентская часть, поэтому тот факт, что jquery обслуживается localhost, не должен иметь никакого значения?

У меня есть страница с наложением jquery, которая отлично работает в сети, т.е. обслуживается удаленным сервером. Однако, когда я загружаю страницу, локально обслуживаемую через xampp, firebug показывает мне следующую ошибку:

$("#modifile_link[rel]").overlay is not a function
[Break On This Error] onBeforeLoad: function() {

Вот вызов jquery ...

$(function() {
    // Setup a basic iframe for use inside overlays.
    var theframe = $('<iframe class="iframe_style" frameBorder="0" scrolling="no"></iframe>');

    // Overlay
    $("#modifile_link[rel]").overlay({effect: 'apple',
        mask: {
            color: '#000000',
            loadSpeed: 1000,
            opacity: 0.6
        },
        closeOnClick: false,
        onBeforeLoad: function() {
            // grab wrapper element inside content
            var wrap = this.getOverlay().find(".contentWrap");
            //Get the URL from the trigger
            var link = this.getTrigger().attr("href");
            // load the page specified in the trigger
            $(theframe).attr({ src: link });
            //Write the iframe into the wrap
            wrap.html(theframe);
        }
    });
});

которая связана с этой ссылкой ...

<div id="modifile_link" href="scripts/modifile/index.php" rel="#overlay_1"></div>

и вот HTML-код для наложения ...

<div class="overlay_1" id="overlay_1">
    <div class="overlay_content">
        <div class="contentWrap"></div>
    </div><!-- end overlay content -->
</div><!--end overlays html-->

ТАК странно, что в firebug загружается файл jquery, но функция onBeforeLoad: function () не принимается. Аякса не происходит, поэтому я решил исключить междоменное ограничение безопасности? Я не знаю.

Любые указатели были бы великолепны.

Спасибо.

Scott

Answer 1

Вы должны убедиться, что ваши файлы существуют на локальном сервере и что пути указаны правильно.Щелкните правой кнопкой мыши страницу в браузере, «просмотрите источник страницы» и щелкните ссылки javascript, чтобы увидеть, открываются ли они или сервер возвращает 404, не найденные.

Если вы не можете получить доступ к файлам javascript из браузера, сначала проверьте, присутствуют ли они даже в структуре локальной папки, но я предполагаю, что ваш URL неверен.Обратите внимание на абсолютные / относительные пути.Попробуйте включить ваши файлы JavaScript с относительным URL (без / в начале)