Question

第二个fancybox会给我一个错误＆＃34;无法加载请求的内容＆＃34;登记册。 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 或.（点）为 classes 引用特定选择器，但不是你的html所以这个

<div id="#register" ...

应该是这个

<div id="register" ...

修正后的工作 JSFIDDLE

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

1 个答案: