jQuery 覆盖不会在本地主机上触发

Question

我试图得到一个本地测试环境整理，并已成功设置xampp服务php页面。这是我第一次这样做，所以很有可能我犯了新手错误!

然而，我知道javascript是客户端，所以事实上，jquery是由本地主机服务不应该有任何区别?

我有一个页面与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:函数()不被接受。没有ajax，所以我想排除跨域安全限制?我不知道。

任何指针都可以。

谢谢。斯科特

Answer 1

您需要确保您的文件存在于本地服务器上，并且路径是正确的。从浏览器中右键单击页面，"查看页面源"，然后单击javascript链接，看看它们是否打开或服务器返回404未找到。

如果你不能从浏览器访问javascript文件，首先检查它们是否存在于本地文件夹结构中，但我的猜测是你的url是错误的。注意绝对/相对路径。尝试将javascript文件包含在相对url中(开头没有/)