2 内联花式框，第二个花式框得到错误“无法加载请求的内容”

Question

第二个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>

Answer 1

您应该在 jQuery 代码中使用 # 表示 ID 或 . (dot) 表示 classes 引用特定的选择器，但不要在 html 中引用，所以这个

<div id="#register" ...

应该是这样的

<div id="register" ...

修正后工作JSFIDDLE