1

第二个fancybox会给我一个错误“无法加载请求的内容”寄存器。inlog fancybox 对我来说很好用，有什么问题？我用谷歌搜索了它，他们说的是 iframe 类型，但是当我这样做时，加载图标会不断旋转并且不显示内容。

jQuery

$(document).ready(function() {
    $("a.inlog").fancybox({ 
        maxWidth    : 250,
        maxHeight   : 100,
        fitToView   : false,
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
}); 
$(document).ready(function() {
    $("a.register").fancybox({
        maxWidth    : 250,
        maxHeight   : 100,
        fitToView   : false,
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none' 
    });
});

HTML

<div class="login-bottom"> <a class="decoration inlog" href="#inlog"><span class="knop-text">login</span></a>

    <div id="inlog" style="display: none;">
        <form class="form" action="">
            <label>Gebruikersnaam:</label>
            <input class="input" type="text" name="fname" />
            <br />
            <label>Wachtwoord:</label>
            <input class="input" type="password" name="lname" />
            <br />
            <input class="submit" type="submit" value="login" />
        </form>
    </div>
</div>
<div class="login-bottom"> <a class="decoration register" href="#register"><span class="knop-text">registreer</span></a>

    <div id="#register" style="display: none;">
        <form class="form" action="">
            <label>Gebruikersnaam:</label>
            <input class="input" type="text" name="fname" />
            <br />
            <label>Wachtwoord:</label>
            <input class="input" type="password" name="lname" />
            <br />
            <label>LoL gebruikersnaam:</label>
            <input class="input" type="text" name="fname" />
            <br />
            <label>E-mail:</label>
            <input class="input" type="text" name="fname" />
            <br />
            <input class="submit" type="submit" value="login" />
        </form>
    </div>
</div>
4

1 回答 1

1

您应该在 jQuery 代码中而不是在 html 中使用#用于ID或.（点）的特定选择器来引用特定的选择器，所以这个

<div id="#register" ...

应该是这个

<div id="register" ...

更正后工作JSFIDDLE

于 2013-10-20T23:15:24.153 回答